鼠标悬停时显示像素数

Showing pixel number on mouseover

本文关键字：像素数 显示 悬停 鼠标      更新时间：2023-09-26

我正在创建自己的网站，并且正在开发该网站的权限，我正在寻找一些可以帮助我执行此操作的代码：

"当我将鼠标指针移到网站上的图像或背景上时，会出现一个光标，显示 mouser 经过的每个像素的位置，例如 （23,234）。

提前致谢

PS ： 我熟悉PHP，HTML，JavaScript

HTML 

   <div id="status">
    </div>

Jquery

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

纯Javascript解决方案

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

你可以很容易地用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>

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（）;} )    });});

我认为这就是你要找的

获取鼠标光标位置 - jQuery

相关文章：