說(shuō)明:

• clientX和clientY屬性：事件發(fā)生時(shí),鼠標(biāo)指針在視口中的水平和垂直坐標(biāo)。
• pageX和pageY屬性：鼠標(biāo)光標(biāo)在頁(yè)面中的位置。
• screenX和screenY屬性：鼠標(biāo)事件發(fā)生時(shí)，鼠標(biāo)指針相對(duì)于整個(gè)屏幕的坐標(biāo)信息。
• IE8及更早的版本不支持事件對(duì)象上的頁(yè)面坐標(biāo)（pageX,pageY）。
• EventUtil參考上一篇。

// 取得鼠標(biāo)事件在頁(yè)面中的坐標(biāo) var div =document.getElementById("myDiv"); EventUtil.addHandler(div, "click", function(event) {event = EventUtil.getEvent(event);var pageX = event.pageX,pageY = event.pageY;if (pageX === undefined) { // 兼容IE8及以下pageX = event.clientX + (document.body.scrollLeft || document.document.scrollTop);}if (pageY === undefined) {pageY = event.clientY + (document.body.scrollTop || document.documentElement.scrollTop);}alert("Page coordinates: " + pageX + "," + pageY); }); //取得鼠標(biāo)事件的屏幕坐標(biāo) var div = document.getElementById("maDiv"); EventUtil.addHandler(div, "click", function(event){event = EventUtil.getEvent(event);alert("Screen coordinates: " + event.screenX + "," + event.screenY); });

摘自《JavaScript高級(jí)程序設(shè)計(jì)》(第3版) P371

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的JavaScript --- 取得鼠标事件的坐标的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。