专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > JavaScript

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

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
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>
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: