首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js中可以监听一个对象的鼠标的点击,拖动解决思路

2012-04-02 
js中可以监听一个对象的鼠标的点击,拖动div idimpstylewidth:800px height:500px border:1px soli

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> 

热点排行