页面有两个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');
})
})
})本回答被网友采纳
$(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'