2

我正在创建自己的网站，并且正在处理该网站的特权，我正在寻找一些可以帮助我做到这一点的代码：

“当我将鼠标指针移到站点中的图像或背景上时，会出现一个光标，显示鼠标经过的每个像素的位置，例如 (23,234)。”

提前致谢

PS：我熟悉PHP、HTML、JavaScript

4

4 回答 4

2

HTML

   <div id="status">

    </div>

jQuery

$(document).ready(function(){
       $(document).mousemove(function(e){
          $('#status').html(e.pageX +', '+ e.pageY);
       }); 
    })

纯Javascript解决方案

在使用纯 javascript 解决方案时，您必须关心浏览器的兼容性

于 2012-06-28T12:44:54.877 回答
1

你可以很容易地用 jQuery 获得鼠标位置：

$(document).ready(function () {
    $("body").mousemove(function (e) {
        var pX = e.pageX;
        var pY = e.pageY;
        $("#pixels").html("X="+pX+"; Y="+pY);
    });
});
<div id="pixels"></div>
于 2012-06-28T12:46:29.290 回答
1

html

<div id="position"></div>

js（你只需要包含 jquery 库）

$(文档).ready(函数 () {
    $("#position").hide();

    $("img").mousemove(函数 (e) {
        var pX = e.pageX;
        var pY = e.pageY;
        $("#pixels").html("X: "+pX+"; Y: "+pY);
        $("img").hover( function(){$("#pixels").show();} , function(){$("#pixels").hide();} )
    });
});
于 2012-06-28T12:51:46.507 回答
0

我想这就是你要找的

获取鼠标光标位置 - jQuery

于 2012-06-28T12:47:25.547 回答