快捷導(dǎo)航

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

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>事件對象</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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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