重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
今天就跟大家聊聊有关使用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 + "," + y + ""); $("body").append(str); $(".newDiv").css("left", x + "px").css("top", y + "px"); }
完整示例代码如下:
www.jb51.net js获取当前鼠标位置
看完上述内容,你们对使用jQuery怎么获取当前鼠标位置并输出有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。