javascript--拖动图片时取消浏览器默认

拖动的问题,在网上有很多插件,但鼠标在图片上拖动一小段距离,就会在鼠标旁边出现一个禁止的小提示。

解决如果点击在图片上无法拖拽的问题:

IE通过ev.cancelBubble=true;ev.returnValue = false;来防止图片的事件,注意是放在document.onmousemove中。要用原生的JS,不能用JQUERY!

FireFox通过ev.preventDefault();ev.stopPropagation(); 但是是放在titleBar的mousedown事件中。

 1 $(function(){
 2     var $img = $("img");
 3     var moving = function(event){
 4         //..........
 5     }
 6     
 7     //IE下需要在document的mousemove里面取消默认事件;要用原生JS的事件不能用JQuery
 8     document.onmousemove = function(e){
 9         var ev = e || event;
10         ev.cancelBubble=true;
11         ev.returnValue = false;
12     }
13     
14     $img.mousedown(function(event){
15         //FF下需要在mousedown取消默认操作;
16         event.preventDefault();
17         event.stopPropagation();
18         $(this).bind("mousemove",moving);    
19     })
20 })

 

posted @ 2013-12-13 15:25  梦飞无颜  阅读(930)  评论(0编辑  收藏  举报