zoukankan      html  css  js  c++  java
  • 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 })
    一个不敬业的前端攻城狮
  • 相关阅读:
    POJ 2251 Dungeon Master
    POJ1321棋盘问题
    CODE[VS] 1003 电话连线
    CCF-201412-1-门禁系统
    CCF-201412-2-Z字形扫描
    为什么要用补码
    CCF-201409-1-相邻数对
    CCF-201409-2-画图
    CCF-201403-1-相反数
    CCF-201403-2-窗口
  • 原文地址:https://www.cnblogs.com/chaoming/p/3473178.html
Copyright © 2011-2022 走看看