1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltscript標(biāo)簽，輸入js代碼var e = event windowevent = eclientX + #39，#39 + eclientY3瀏覽器運(yùn)。

2使用pageXpageY獲取鼠標(biāo)當(dāng)前位置在lttitle標(biāo)簽后面新建一個(gè)ltscript，創(chuàng)建鼠標(biāo)移動(dòng)時(shí)獲取鼠標(biāo)當(dāng)前的位置js代碼ltscript type=quottextjavascriptquot documentonmousemove = functione var loc = quot當(dāng)前位置 x。

1 用組件的title屬性， 這個(gè)是HTML中自帶的提示屬性， 當(dāng)鼠標(biāo)停留在組件上的時(shí)候， 就會(huì)彈出提示， 比如ltdiv title=quot小明quotnameltdiv， 當(dāng)鼠標(biāo)停留在div上的時(shí)候， 就會(huì)有一個(gè)小黃框， 顯示quot小明quot2上面的提示框很不。

absolutequot = x + 30 = yltscriptltheadltbody onmousemove=quotshow_coordseventquotltp id=quotcoordsquotltpltbodylthtml希望我的回答對(duì)你有用，有用就采納謝謝。

documentgetElementByIdquotpointlocquotinnerHTML = loc ltscript 保存html后使用瀏覽器打開即可看到效果如圖4頁面所有代碼lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlejs獲取鼠標(biāo)位置lt。

lthtml 兼容IE8+ 用 javascript 獲取當(dāng)前頁面上鼠標(biāo)光標(biāo)位置在許多情況下都會(huì)用到，比如拖放，懸停提示tooltip 等等當(dāng)然，這里我們依然要面對(duì)瀏覽器的兼容問題，在不同的瀏覽器下，對(duì)這些相關(guān)的屬性處理方式也不。

5layerXlayerYFF特有，鼠標(biāo)相比較于當(dāng)前坐標(biāo)系的位置，即如果觸發(fā)元素沒有設(shè)置絕對(duì)定位或相對(duì)定位，以頁面為參考點(diǎn)，如果有，將改變參考坐標(biāo)系，從觸發(fā)元素盒子模型的border區(qū)域的左上角為參考點(diǎn)也就是當(dāng)觸發(fā)元素設(shè)置了相對(duì)。

首先，獲取到事件對(duì)象e，事件來源，IE下面對(duì)應(yīng)的是srcElement，F(xiàn)F下面是target下面是一個(gè)簡單的例子，兼容IE和FireFox lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot。

ltscript type=quottextjavascriptquot src=quotabcjsquot ltscript ltdiv ltbody lthtml 其中abcjs文件中的代碼如下javascript view plain copy function mousePose獲取鼠標(biāo)所在位置的坐標(biāo)，相對(duì)于整個(gè)頁面 v。

一clientXclientY 點(diǎn)擊位置距離當(dāng)前body可視區(qū)域x，y坐標(biāo)二pageXpageY 對(duì)于整個(gè)頁面來說，包括被卷去的body部分的長度三screenXscreenY 點(diǎn)擊位置距離當(dāng)前電腦屏幕的XY坐標(biāo)四offsetXoffsetY 相對(duì)于帶。

如果有點(diǎn)擊編輯區(qū)的某個(gè)位置，你就獲取當(dāng)前鼠標(biāo)的落點(diǎn)，然后用innerHTML加入一對(duì)標(biāo)簽，ltspan class=quotcolor#XXXXXXquotltspan，所有輸入內(nèi)容都在這個(gè)span中間效果就是輸入的所有文字都變色不知道樓主明白沒。

=function var obj=documentelementFromPointeventclientX，eventclientYalertobjtagName IE chrome 兼容，火狐要兼容，我目前所知的辦法非常復(fù)雜，也沒有仔細(xì)研究過你可以去搜 索下。

js獲取鼠標(biāo)點(diǎn)擊事件的相對(duì)位置 100 如圖我需要獲取圖片上點(diǎn)擊事件相對(duì)于圖片左上方原點(diǎn)0，0的位置，最好要能考慮到滾動(dòng)條的影響的，謝謝了~我是需要兼容瀏覽器的wuyang 瀏覽5903 次 舉報(bào) 我有更好的答案。

整體思路可以用for循環(huán)去遍歷ltul下的所有l(wèi)tli然后對(duì)比鼠標(biāo)懸浮時(shí)對(duì)應(yīng)的li元素，輸出當(dāng)前的i，也就是對(duì)應(yīng)li的下標(biāo)html代碼部分新建一個(gè)ul無序列表，并賦予id值，如ltul class=quotULquot id=quotULquot ltli1lt。

判斷鼠標(biāo)焦點(diǎn) function addListenerelement， e， fn if elementaddEventListener elementaddEventListenere， fn， false else elementattachEventquotonquot + e， fn addListenerdocument， quotclickquot。