`
qepipnu
  • 浏览: 76357 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

获取鼠标在图片对象上的位置

jQueryHTML 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery Mouse Test</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    function getMousePosition(e){
        var x = 0, y = 0;
        var e = e || window.event;
        if (e.pageX || e.pageY) {
            x = e.pageX;
            y = e.pageY;
        } else if (e.clientX || e.clientY) {
            x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
            y = e.clientY + document.body.scrollTop  + document.documentElement.scrollTop;
        }
        return { 'x': x, 'y': y };
    }

    $(document).ready(function(){
        $('#mouse_test').mousemove(function(e){
            pos = getMousePosition(e);
            var mouseX = pos.x;    
            var mouseY = pos.y;    
     $('#x').attr("value",mouseX);
         $('#y').attr("value",mouseY);

           
        });
    });
</script>
</head>
<body>
    <input type="text" id="x" />
    <input type="text" id="y" />
    <img src="test.jpg" id="mouse_test" align="left">
</body>
</html>



分享到：
| 霸道而又暧昧，不黄不暴力的男女关系语录
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics