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 })
一个不敬业的前端攻城狮