Chrome浏览器下JQuery实现鼠标左键按下移动,鼠标左键抬起停止移动功能的问题

页面有两个DIV, 分别为Box和scrollBar, 想要实现scrollBar在Box中的移动
js代码如下: 监听scrollBar下的鼠标按下事件
按下后鼠标移动,改变scrollBar位置,当鼠标左键抬起时,取消mousemove mouseup事件
scrollBar.mousedown(function(event){
$(document).mousemove(function(event){
changePosition(event.pageY - disY);
});
$(document).mouseup(function(){
$(document).off('mousemove mouseup');
});
});

在Chrome下, 当鼠标按下后移出Box外松开鼠标左键时,mouseup事件失效,请问该如何解决
找到原因了,Box是在一个Iframe里面,当鼠标移出Box也就是移出Iframe了,应该是监听不到事件了.
请问这种情况下怎么解决, 怎么判断鼠标是否在当前Iframe中

第1个回答  推荐于2016-10-05
$(document).mousedown(function(){
$(this).mousemove(function(e){
$("#test").html(e.pageX+"."+e.pageY);

$(document).mouseup(function(){
$(this).unbind('mousemove');
})
})
})本回答被网友采纳
第2个回答  2014-01-15
用jquery的mousedown mouseup事件
第3个回答  2014-01-15
你的iframe在一个div里吧,对div绑定mouseout
第4个回答  2014-01-15
event.target.tagName=='iframe'

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网