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

最新推荐文章于 2024-05-03 11:08:18 发布

weixin_34240657

最新推荐文章于 2024-05-03 11:08:18 发布

阅读量92

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/hxwny/blog/366947

版权

为什么80%的码农都做不了架构师？>>>

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

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

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

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

复制代码

$(function(){    var $img = $("img");    var moving = function(event){        //something    }    
    //IE下需要在document的mousemove里面取消默认事件;要用原生JS的事件不能用JQuery
    document.onmousemove = function(e){        var ev = e || event;
        ev.cancelBubble=true;
        ev.returnValue = false;
    }
    
    $img.mousedown(function(event){        //FF下需要在mousedown取消默认操作;        event.preventDefault();
        event.stopPropagation();
        $(this).bind("mousemove",moving);    
    })
})

复制代码

转载于:https://my.oschina.net/hxwny/blog/366947