js中可以监听一个对象的鼠标的点击，拖动解决思路
日期：2014-05-16 浏览次数：20523 次
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上的鼠标按下，松开，拖动怎么写？只能监听整个页面的鼠标动作吗？
------解决方案--------------------
<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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
