文章詳情頁(yè)
javascript - JS中如何實(shí)現(xiàn) DIV內(nèi)部和鼠標(biāo)的距離
瀏覽:136日期:2022-12-19 17:58:59
問(wèn)題描述
這是一個(gè)讓我撕破腦皮也不能解決的問(wèn)題↓
前端們!如圖所示,如何獲取p最左側(cè)到鼠標(biāo)位置的坐標(biāo)距離?
問(wèn)題解答
回答1:body{margin:0;padding:0; } #p{width:200px;height:100px;border:1px solid #000;position:absolute; } //如果p有定位父級(jí)元素存在還需要減去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. 人工智能 - python 機(jī)器學(xué)習(xí) 醫(yī)療數(shù)據(jù) 怎么學(xué)2. python - oslo_config3. php - 有關(guān)sql語(yǔ)句反向LIKE的處理4. python - 請(qǐng)問(wèn)這兩個(gè)地方是為什么呢?5. Python處理Dict生成json6. mysql - Sql union 操作7. javascript - 按鈕鏈接到另一個(gè)網(wǎng)址 怎么通過(guò)百度統(tǒng)計(jì)計(jì)算按鈕的點(diǎn)擊數(shù)量8. python2.7 - python 正則前瞻 后瞻 無(wú)法匹配到正確的內(nèi)容9. 大家都用什么工具管理mysql數(shù)據(jù)庫(kù)?10. 請(qǐng)教一個(gè)mysql去重取最新記錄
排行榜

熱門標(biāo)簽