<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>