文章詳情頁
javascript - JS中如何實現 DIV內部和鼠標的距離
瀏覽:189日期: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. css3 - sublime text2 的less2css插件怎么使用2. javascript - 微信公眾號網頁使用redux如何管理用戶刷新?3. css3 - 求clearfix使用方法4. html5 - z-index在瀏覽器調試有效 手機測試無效5. javascript - 微信小程序 如何實現這種左滑動出現刪除的辦法?有相關api嗎?6. css - 不用position:absolute怎么實現類似的功能7. angular.js使用$resource服務把數據存入mongodb的問題。8. 關于docker下的nginx壓力測試9. docker-machine添加一個已有的docker主機問題10. angular.js - angularjs的自定義過濾器如何給文字加顏色?
排行榜
