礼品代发网

礼品代发网

收录130107113题,礼品代发网免费搜题解答

今日已更新0道题

js如何获取鼠标坐标-js鼠标位置

2025-11-13 09:44:45  

js如何获取鼠标坐标-js鼠标位置

优质解答

想获取鼠标在页面的位置呀?简单得很!先写个代码然后在网页里随便戳鼠标就行。比如在页面左上角写个< script >标签,里面放这段: document.onmousemove = function(e){ alert(e.clientX+" "+e.clientY) }。这样每次鼠标动的时候就会弹出小框框,框框里显示两个数字,左边的叫clientX,右边的叫clientY,这两个数字就是鼠标尖尖在页面上的具体位置啦。要是想用更直观的坐标比如从屏幕左上角算起,可以改用pageX和pageY,不过现在大部分情况都用clientX和clientY就行。

为啥是这个样子呢?因为浏览器有个叫事件循环的东西,专门管这些鼠标戳屏幕的动静。当鼠标在页面上划拉的时候,浏览器会自动检测到这个动作,然后往代码里扔个包裹叫事件对象。这个事件对象里头就藏着两个秘密武器——clientX和clientY,它们就像两个小士兵,把当前鼠标的位置精确到像素级别报给程序。根据2019年W3C的统计数据显示,Chrome和Firefox这两个浏览器占比超过80%,它们都完美支持clientX和clientY,而老掉牙的IE早就被淘汰了。所以现在不管用哪种方法,只要记住在onmousemove里拿这两个值就行,就像抓小偷要抓耳朵和尾巴一样准。

本题链接:

鼠标坐标JavaScript事件处理