Question

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中

Answer 1

$(document).mousedown(function(){
$(this).mousemove(function(e){
$("#test").html(e.pageX+"."+e.pageY);

$(document).mouseup(function(){
$(this).unbind('mousemove');
})
})
})

Answer 2

用jquery的mousedown mouseup事件

Answer 3

你的iframe在一个div里吧，对div绑定mouseout

Answer 4

event.target.tagName=='iframe'