文章詳情頁
javascript - JS中如何實(shí)現(xiàn) DIV內(nèi)部和鼠標(biāo)的距離
瀏覽:108日期:2022-12-19 17:58:59
問題描述
這是一個讓我撕破腦皮也不能解決的問題↓
前端們!如圖所示,如何獲取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. android - NavigationView 的側(cè)滑菜單中如何保存新增項(xiàng)(通過程序添加)2. mysql服務(wù)無法啟動1067錯誤,誰知道正確的解決方法?3. javascript - 微信公眾號網(wǎng)頁使用redux如何管理用戶刷新?4. 提示語法錯誤語法錯誤: unexpected ’abstract’ (T_ABSTRACT)5. 這段代碼既不提示錯誤也看不到結(jié)果,請老師明示錯在哪里,謝謝!6. php7.3.4中怎么開啟pdo驅(qū)動7. 老師 我是一個沒有學(xué)過php語言的準(zhǔn)畢業(yè)生 我希望您能幫我一下8. ueditor上傳服務(wù)器提示后端配置項(xiàng)沒有正常加載,求助!!!!!9. tp5 不同控制器中的變量調(diào)用問題10. php - 第三方支付平臺在很短時間內(nèi)多次異步通知,訂單多次確認(rèn)收款
排行榜

熱門標(biāo)簽