文章詳情頁
javascript - JS中如何實現 DIV內部和鼠標的距離
瀏覽:268日期:2022-12-19 17:58:59
問題描述

這是一個讓我撕破腦皮也不能解決的問題↓
前端們!如圖所示,如何獲取p最左側到鼠標位置的坐標距離?
問題解答
回答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就是當前p最左側到鼠標位置的坐標距離});
標簽:
JavaScript
相關文章:
1. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?4. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化5. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~6. javascript - nodejs關于進程間發送句柄的一點疑問7. 配置Apache時,添加對PHP的支持時語法錯誤8. 實現bing搜索工具urlAPI提交9. phpstudy8.1支持win11系統嗎?10. javascript - 移動端上不能實現拖拽布局嗎?
排行榜

網公網安備