JavaScript實(shí)現(xiàn)捕獲鼠標(biāo)坐標(biāo)
本文實(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í)有所幫助,也希望大家多多支持腳本之家。
- 基于JavaScript實(shí)現(xiàn)數(shù)值型坐標(biāo)軸刻度計(jì)算算法(echarts的y軸刻度計(jì)算)
- 如何利用js根據(jù)坐標(biāo)判斷構(gòu)成單個(gè)多邊形是否合法
- JavaScript offset實(shí)現(xiàn)鼠標(biāo)坐標(biāo)獲取和窗口內(nèi)模塊拖動(dòng)
- JavaScript使用canvas繪制坐標(biāo)和線
- JavaScript 空間坐標(biāo)的使用
- js中火星坐標(biāo)、百度坐標(biāo)、WGS84坐標(biāo)轉(zhuǎn)換實(shí)現(xiàn)方法示例
- JS圖形編輯器場景坐標(biāo)視口坐標(biāo)的相互轉(zhuǎn)換
相關(guān)文章
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-01JS短信驗(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-10array.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