我在div里面放了个图片,
<div id="testdiv" style="width:500px; height:500px;border:1px solid red;">
<img src="img/earth.jpg" />
</div>
然后去拖动图片,图片拖不动鼠标像是禁止的样式,我想改掉这个鼠标样式,不知道这个“图片拖不动”的动作触发的是什么事件呢?

解决方案 »

  1.   

    用个jquery插件easydrag就可以拖动图片了。
      

  2.   

    没这么复杂,就是按着鼠标在这个图上面动。所以就是
    onmousemove 并检查鼠标左键是否按下。
      

  3.   

    我明白你意思了,
    直接 onmousemove 时改了鼠标样式就OK。
      

  4.   

    你说的那个效果应该是onmousedown+onmousemove。
    具体测试代码参见:<body onload="init()">
    <div id="testdiv" style="width:500px; height:300px;border:1px solid red;">
    <img id=pic src="http://www.google.com.hk/logos/2013/lantern_festival_2013-1058005-hp.jpg" />
    </div>
    <div id=textd>
    </div>
    <script language=javascript>
    function init() {
        document.body.onmousemove = function(e) {
        if (!e)  e = window.event; 
         else e.srcElement = e.target;
           if(e.button==1){
              document.getElementById("textd").innerHTML = "你试图移动 " + e.srcElement.tagName + "[" + e.srcElement.id + "]";
            }
       }; 
    }
    </script></body>
      

  5.   


    不行啊,我查了下,那个禁止样式是浏览器的默认事件,我onmousemove时更改无效。这个链接讲了这个问题http://www.cnblogs.com/lxiang/archive/2012/04/28/2475449.html
    但是我设置return false的时候,父元素div又接收不了事件了,而我需要父元素接收事件,泪奔啊
      

  6.   

    return false之前执行父元素的操作嘛。