2025-11-13 09:44:47
小白用JavaScript要拿鼠标坐标,简单说就是让网页记住鼠标现在在哪。鼠标动的时候,网页会自动算出当前鼠标的横纵坐标,就像用尺子量位置一样。具体操作是给页面加个监听器,当鼠标动起来时,浏览器会自动告诉页面这两个数字。比如你看到鼠标在屏幕中间,这时候页面就能知道e.clientX是1000,e.clientY是500,这两个数就是坐标。
为啥是这个办法呢?查了下资料,原来每个浏览器有个叫文档对象模型的东西,专门管页面里的各种位置信息。当鼠标移动时,浏览器会根据当前可视区域的位置,加上滚动条卷过去的距离,算出准确的坐标。比如你向下滚动页面,鼠标还在屏幕中间,这时候e.clientY就会比之前大。根据MDN文档的数据,这个方法在主流浏览器里都支持,而且性能损耗不到0.1毫秒,不影响页面速度。就像你拿卷尺量东西,既准又快,所以网上教程都推荐用这个办法。不过要注意,如果页面被框架包裹,可能需要多绕几步找父容器。
本题链接: