快捷導(dǎo)航

JavaScript實(shí)現(xiàn)捕獲鼠標(biāo)坐標(biāo)

更新時(shí)間：2020年04月12日 11:51:44 作者：TomHe789

這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)捕獲鼠標(biāo)坐標(biāo)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)捕獲鼠標(biāo)坐標(biāo)的具體代碼，供大家參考，具體內(nèi)容如下

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>事件對(duì)象</title>
 <style>
  .box1{
   width: 300px;
   height: 100px;
   border: 1px solid #000;
  }
  .box2 {
   width: 150px;
   height: 50px;
   border: 1px solid #000;
   margin-top: 50px;
   padding-top: 10px;
   box-sizing: border-box;
   text-align: center;
  }
 </style>
 <script>
  window.onload = function () {
   var box1 = document.getElementsByTagName("div")[0];
   var box2 = document.getElementsByTagName("div")[1];
   box1.onmousemove = function (event) {
    // 解決IE的兼容性問題
    event = event || window.event;
    box2.innerHTML = "X:" + event.clientX + " Y: " + event.clientY;
   }
  };
 </script>
</head>
<body>
 <div class="box1"></div>
 <div class="box2"></div>
</body>
</html>

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

淺談Javascript中的Label語句
本文主要對(duì)Javascript中的Label語句通過實(shí)例對(duì)比進(jìn)行簡要分析，具有很好的參考價(jià)值，需要的朋友一起來看下吧
2016-12-12
JS生態(tài)系統(tǒng)加速一次一庫PostCSS SVGO的重構(gòu)源碼和性能優(yōu)化探索
這篇文章主要介紹了JS生態(tài)系統(tǒng)加速一次一庫PostCSS SVGO的重構(gòu)源碼和性能優(yōu)化探索,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2024-01-01
分享純手寫漂亮的表單驗(yàn)證
最近沒有項(xiàng)目做，閑來沒事，于是自己動(dòng)手寫了幾個(gè)表單驗(yàn)證，特此分享供大家參考
2015-11-11
JS短信驗(yàn)證碼倒計(jì)時(shí)功能的實(shí)現(xiàn)（沒有驗(yàn)證碼，只有倒計(jì)時(shí)）
最近接了個(gè)項(xiàng)目，其中有這樣的需求：當(dāng)用戶想要獲取驗(yàn)證碼時(shí)，就點(diǎn)擊免費(fèi)獲取驗(yàn)證碼，然后開始倒計(jì)時(shí)，倒計(jì)時(shí)期間按鈕文字為剩余時(shí)間x秒，且不可按狀態(tài)，倒計(jì)時(shí)結(jié)束后，按鈕更改為點(diǎn)擊重新發(fā)送，下面給大家分享js短信驗(yàn)證碼倒計(jì)時(shí)實(shí)現(xiàn)代碼
2016-10-10
array.prototype.silce.call 理解分析
在很多框架中與遇到這個(gè)方法，但一時(shí)沒去研究這個(gè)方法，只要前段時(shí)間被問到，尷尬無奈收?qǐng)?。所以學(xué)習(xí)就要追根究底的精神，廢話少說，說正題。
2010-04-04
【經(jīng)驗(yàn)總結(jié)】編寫JavaScript代碼時(shí)應(yīng)遵循的14條規(guī)律
這篇文章主要介紹了編寫JavaScript代碼時(shí)應(yīng)遵循的14條規(guī)律,涉及javascript變量的定義,函數(shù)、表單、json的使用,邏輯運(yùn)算與頁面元素操作技巧等,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2016-06-06
善用事件代理，警惕閉包的性能陷阱。
關(guān)于JS性能優(yōu)化中的冰山一角：事件代理、警惕閉包。其實(shí)本文有一個(gè)文章已經(jīng)說到，閉包如何產(chǎn)生，閉包的作用；
2011-01-01
JS點(diǎn)擊鏈接后慢慢展開隱藏著圖片的方法
這篇文章主要介紹了JS點(diǎn)擊鏈接后慢慢展開隱藏著圖片的方法,實(shí)例分析了javascript操作圖片的隱藏與現(xiàn)實(shí)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
JavaScript的面向?qū)ο?二)
JavaScript的面向?qū)ο?二)...
2006-11-11
一篇文章搞懂JavaScript中的代理和代理的使用
這篇文章主要為大家詳細(xì)介紹了JavaScript代理和代理的使用的方法，感興趣的小伙伴們可以參考一下，希望能給你帶來幫助
2021-08-08