jquery 鼠标按住触发事件

直接上案例：

demo

——————————-

按住 不松开 不放手 拖拽 拖动

jquery按住鼠标左键不松开才能触发的事件。

需要用到mousedown和mouseup组合才能实现效果。例如

$('#svg').mousedown(function(e){ //点击鼠标就算不松开也会触发事件
     $(this).mousemove(function(e){  //在此作用域中不断移动获取XY坐标
         document.title=e.pageX+'---'+e.pageY
     });

 });
 
 
 $('#svg').mouseup(function(){  //松开鼠标左键触发事件
     $(this).unbind('mousemove');  //解绑之前的mousemove事件
 });

这样的组合效果就是，只要按住鼠标左键不放才能获取到XY坐标，一旦松开鼠标左键就停止获取。