读书人

js中可以监听一个对象的鼠标的点击拖

发布时间: 2012-04-02 19:58:59 作者: rapoo

js中可以监听一个对象的鼠标的点击,拖动
<div id="imp" style="width:800px; height:500px; border:1px solid #000; overflow:hidden;">
<img id="imgmap" src="maptest" > //传过来的是一张图片
</div>
我想监听这个图片imgmap上的鼠标点击,还有鼠标松开,鼠标拖动等事件,应该怎么写。
window.onload=function()
{
var obj = document.getElementById("imgmap");//找到对象
}
直接obj.onMouseMove=function(e) 好像没有这个功能是吧?那我想只监听这块div上的鼠标按下,松开,拖动怎么写?只能监听整个页面的鼠标动作吗?

[解决办法]

HTML code
<body><div id="imp" style="width:800px; height:500px; border:1px solid #000; overflow:hidden;">  <img id="imgmap" src="maptest"> <!--//传过来的是一张图片-->  </div><div id="result" style="float:left"></div><script>window.onload=function(){var obj = document.getElementById("imgmap");//找到对象obj.onclick=function(e){alert("鼠标点击");}obj.onmousemove=function(e){document.getElementById("result").innerHTML += "鼠标移动<br/>"}obj.onmouseup=function(e){alert("鼠标松开");}}</script></body> 

读书人网 >JavaScript

热点推荐