搜索
您的当前位置:首页jQuery实现获取当前鼠标位置并输出功能示例

jQuery实现获取当前鼠标位置并输出功能示例

来源:智榕旅游
jQuery实现获取当前⿏标位置并输出功能⽰例

本⽂实例讲述了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 = (\"

\" + x + \ $(\"body\").append(str);

$(\".newDiv\").css(\"left\}

完整⽰例代码如下:

www.jb51.net js获取当前⿏标位置

效果:

(提⽰:可以在creatDiv⽅法⾥⾯酌情加⼊想要的偏移量)PS:感兴趣的朋友可以使⽤如下⼯具测试上述代码的运⾏效果:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《》希望本⽂所述对⼤家jQuery程序设计有所帮助。

因篇幅问题不能全部显示,请点此查看更多更全内容

Top