使用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 + "," + y + "
");   $("body").append(str);   $(".newDiv").css("left", x + "px").css("top", y + "px"); }

完整示例代码如下:





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





看完上述内容,你们对使用jQuery怎么获取当前鼠标位置并输出有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


分享题目:使用jQuery怎么获取当前鼠标位置并输出
文章分享:http://csruizhi.cn/article/gecpgs.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都响应式网站建设公司 LED网站设计方案 重庆企业网站建设 手机网站建设 成都网站设计 成都网站制作 网站建设 重庆网站建设 重庆网站建设 公司网站建设 重庆网站建设 企业网站设计 定制网站建设 盐亭网站设计 品牌网站建设 网站建设改版 营销网站建设 达州网站设计 成都网站建设 重庆网站设计 外贸营销网站建设 成都网站建设推广