码迷,mamicode.com
首页 > Web开发 > 详细

html5 获取鼠标悬停坐标

时间:2015-01-21 17:58:39      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:

<div id="mouse" style="width:300px;height:100px;border:1px solid #ccc"></div>
<div id="out"></div>

<script type="text/javascript">
        var mouses = document.getElementById("mouse");
        mouses.onmousemove = function(m){
            var x = m.clientX;
            var y = m.clientY;
            document.getElementById("out").innerHTML = "坐标:("+x+","+y+")";
        }
        mouses.onmouseout = function(){
            document.getElementById("out").innerHTML = "";
        }
</script>

html5 获取鼠标悬停坐标

标签:

原文地址:http://www.cnblogs.com/hesuy/p/4239599.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!