文章詳情頁
javascript - JS中如何實(shí)現(xiàn) DIV內(nèi)部和鼠標(biāo)的距離
瀏覽:263日期:2022-12-19 17:58:59
問題描述

這是一個(gè)讓我撕破腦皮也不能解決的問題↓
前端們!如圖所示,如何獲取p最左側(cè)到鼠標(biāo)位置的坐標(biāo)距離?
問題解答
回答1:body{margin:0;padding:0; } #p{width:200px;height:100px;border:1px solid #000;position:absolute; } //如果p有定位父級元素存在還需要減去offsetTop值 $('#p').bind('click',function(ev){console.log(ev.clientX - $(this).offset().left); })回答2:
$('p').on('click',function(e){ var disX = e.clientX - e.offsetX; //disX就是當(dāng)前p最左側(cè)到鼠標(biāo)位置的坐標(biāo)距離});
標(biāo)簽:
JavaScript
相關(guān)文章:
1. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤?2. spring-mvc - spring-session-redis HttpSessionListener失效3. javascript - QQ第三方登錄的問題4. 在mac下出現(xiàn)了兩個(gè)docker環(huán)境5. node.js - mongodb查找子對象的名稱為某個(gè)值的對象的方法6. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)!7. 測試自動(dòng)化html元素選擇器元素ID或DataAttribute [關(guān)閉]8. 正在使用electron和node.js做桌面應(yīng)用,需要實(shí)時(shí)監(jiān)聽是否有網(wǎng)絡(luò)連接,node或者electron是否可以做到9. javascript - 在 model里定義的 引用表模型時(shí),model為undefined。10. java - Spring boot 讀取 放在 jar 包外的,log4j 配置文件,系統(tǒng)有創(chuàng)建日志文件,不寫入日志信息。
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備