1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > JS获取鼠标坐标的实例方法【javascript】

JS获取鼠标坐标的实例方法【javascript】

时间:2022-10-31 03:38:06

相关推荐

JS获取鼠标坐标的实例方法【javascript】

web前端|js教程

JS,鼠标,坐标

web前端-js教程

p2p股票配资 源码,命令行执行vscode,ubuntu rtx,tomcat 调试jsp,androi sqlite,潍坊网页设计招聘,2个dede共用数据库,云服务器 部署网站,jquery 分组插件,前端收费框架,卖爬虫饲料,php 两个数组合并,seo得分,springboot网页版,dede 标签 非,在线下单网站源码,网页管理模板,cms门户网站模板下载,多后台建站系统,php做查询页面,的web在线文件管理系统,百款微信小程序精品源码lzw

var restrictX;

var restrictY;

var tip;

// 鼠标坐标

function mousePosition(ev) {

return {

x : ev.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft,

y : ev.clientY + document.documentElement.scrollTop - document.documentElement.clientTop

};

}

// 鼠标事件

function mouseMove(ev) {

ev = ev || window.event;

var mousePos = mousePosition(ev);

restrictX = mousePos.x;

restrictY = mousePos.y;

}

document.onmousemove = mouseMove;

document.onclick = mouseMove;

上面的代码在谷歌和搜狐浏览器中获取的值会不准确,需进行修改,如下:

公众号图文制作源码,ubuntu支持的nuc,网段有人做爬虫,baikal php,zblog seo插件lzw

var restrictX;

var restrictY;

var tip;

// 鼠标坐标

function mousePosition(ev){

var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

return {

x:ev.clientX + scrollLeft - document.documentElement.clientLeft,

y:ev.clientY + scrollTop - document.documentElement.clientTop

};

}

// 鼠标事件

function mouseMove(ev){

ev = ev || window.event;

var mousePos = mousePosition(ev);

restrictX = mousePos.x;

restrictY = mousePos.y;

}

document.onmousemove = mouseMove;

document.onclick = mouseMove;

古风网页源码下载,果断弃坑Ubuntu,抓包 爬虫 区别,_debug php,吴忠seo排名lzw

var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

这两句为,如果能获取到鼠标坐标,则去前面,否则用后面的方法获取鼠标坐标,“|| ”后面的是给WebKit 内核的浏览器使用

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。