javascript--拖動圖片時取消瀏覽器默認提示

拖動的問題，在網上有很多插件，但鼠標在圖片上拖動一小段距離，就會在鼠標旁邊出現一個禁止的小提示。

解決如果點擊在圖片上無法拖拽的問題：

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);    
    })
})

 

DEMO 下載