Question

我正在创建自己的网站，我正在网站上创作一个特权，我正在寻找一些可以帮助我做到这一点的代码：

“当我在网站上的图像或背景上传递鼠标指针时，会出现一个光标，显示鼠标经过的每个像素的位置，例如（23,234）。”

提前致谢

PS：我熟悉PHP，HTML，JavaScript

Answer 1

HTML

   <div id="status">

    </div>

Jquery的

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

Pure Javascript solution

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

Answer 2

使用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>

Answer 3

html

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

js（你只需要包含jquery库）

$(document).ready(function () {
    $("#position").hide();

    $("img").mousemove(function (e) {
        var pX = e.pageX;
        var pY = e.pageY;
        $("#pixels").html("X: "+pX+"; Y: "+pY);
        $("img").hover( function(){$("#pixels").show();} , function(){$("#pixels").hide();}  )
    });
});

Answer 4

我认为这就是你要找的东西

Get Mouse Cursor position - jQuery

在鼠标悬停时显示像素数

4 个答案: