首先說下獲取圖片寬度與長度的問題：

<script type="text/javascript">function lpimgClick(img,event){var x = img.width;alert(x);}</script> <img id="lpnk" alt="圖"src="images/20111122142401700-w.jpg" height="395" width="695" onclick="lpimgClick(this,event)"/>

使用這種方法可以獲得圖片的寬度和長度。

獲取圖片點擊事件或者move事件時候鼠標指針的位置：

<script type="text/javascript">function lpimgClick(img,event){var x = event.clientX / img.width;//按比例獲取 $("#txtX").val(x);var y = event.clientY;$("#txtY").val(y); }</script>

網頁中的img標簽事件跟上面一個一樣

<img id="lpnk" alt="圖"src="images/20111122142401700-w.jpg" height="395" width="695" onclick="lpimgClick(this,event)"/>

使用這兩個方法可以做個地圖標注的功能，當然，這只是最簡單的演示。

?

轉載于:https://www.cnblogs.com/xuhongfei/archive/2013/06/01/3112670.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的使用Javascript获取图片坐标以及宽度高度的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。