我在div里面放了个图片,
<div id="testdiv" style="width:500px; height:500px;border:1px solid red;">
<img src="img/earth.jpg" />
</div>
然后去拖动图片,图片拖不动鼠标像是禁止的样式,我想改掉这个鼠标样式,不知道这个“图片拖不动”的动作触发的是什么事件呢?
<div id="testdiv" style="width:500px; height:500px;border:1px solid red;">
<img src="img/earth.jpg" />
</div>
然后去拖动图片,图片拖不动鼠标像是禁止的样式,我想改掉这个鼠标样式,不知道这个“图片拖不动”的动作触发的是什么事件呢?
onmousemove 并检查鼠标左键是否按下。
直接 onmousemove 时改了鼠标样式就OK。
具体测试代码参见:<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>
不行啊,我查了下,那个禁止样式是浏览器的默认事件,我onmousemove时更改无效。这个链接讲了这个问题http://www.cnblogs.com/lxiang/archive/2012/04/28/2475449.html
但是我设置return false的时候,父元素div又接收不了事件了,而我需要父元素接收事件,泪奔啊