网站建设资讯

NEWS

网站建设资讯

使用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://njwzjz.com/article/gecpgs.html

其他资讯