大佬教程收集整理的这篇文章主要介绍了如何在没有mousemove事件(jQuery)的情况下触发mousedown上的自定义光标更改,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试制作一个可拖动的可滚动图像,因此当变量设置为缩放模式时,我试图将光标更改为图像,这样我就可以获得良好的可用性.我发现只有点击“.page”后光标才会改变,然后移动鼠标不仅仅是因为我点击它应该的页面.这是一些示例代码:
$(".page").on("mousedown",function (evt) { if(model.zoomMode){ $('.page').css('cursor','url("img/hand_closed.gif"),auto'); } }).on("mouseup",'url("img/hand_open.gif"),auto'); } });
另一种方法更依赖于CSS
当我使用类来实现相同的效果时,似乎会发生这种情况.即.缩放模式在.page对象外添加一个类,然后javascript为:
$(".page").on("mousedown",function (evt) { $('.page').addClass('mouseDown'); }).on("mouseup",function (evt) { $('.page').removeClass('mouseDown'); });
然后在CSS中:
.zoom .page:hover{ cursor:url(../img/hand_open.gif),auto; } .zoom .page.mouseDown:hover{ cursor:url(../img/hand_closed.gif),auto; }
我正在使用chrome 18进行测试.任何人都知道一种方法来触发CSS光标应用而不移动鼠标?
以上是大佬教程为你收集整理的如何在没有mousemove事件(jQuery)的情况下触发mousedown上的自定义光标更改全部内容,希望文章能够帮你解决如何在没有mousemove事件(jQuery)的情况下触发mousedown上的自定义光标更改所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。