本⽂实例讲述了jQuery实现获取当前⿏标位置并输出功能。分享给⼤家供⼤家参考,具体如下:jQuery获取当前⿏标位置并输出1.html
2.css
html,body {
width: 100%; height: 100%;
background: #A5CEDB; position: relative;}
.newDiv {
position: absolute; background: red; color: white; width: 100px; height: 50px;}
3.js
var movex;
var movey; //⽤来接受⿏标位置的全局变量function mousemove(e) { e = e || window.event; if(e.pageX || e.pageY) { movex = e.pageX; movey = e.pageY }
creatDiv(movex, movey);}
function creatDiv(x, y) { $(\".newDiv\").remove();
var str = (\"
$(\".newDiv\").css(\"left\}
完整⽰例代码如下:
效果:
(提⽰:可以在creatDiv⽅法⾥⾯酌情加⼊想要的偏移量)PS:感兴趣的朋友可以使⽤如下⼯具测试上述代码的运⾏效果:
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《》希望本⽂所述对⼤家jQuery程序设计有所帮助。
因篇幅问题不能全部显示,请点此查看更多更全内容