確定圖像上的鼠標位置

當鼠標點擊時，我如何確定使用javascript的圖像上的鼠標位置確定圖像上的鼠標位置

來源

2010-10-15 Hannoun Yassir

這是你在找什麼？

http://www.emanueleferonato.com/2006/09/02/click-image-and-get-coordinates-with-javascript/

來源

2010-10-15 23:03:23 geeketteSpeaks

鏈路只有答案沒有考慮好的做法：https://stackoverflow.com/help/how-to-answer – nietaki 2017-07-28 12:26:05

修剪由geeketteSpeaks連接解決方案的版本：

<html> 
<head> 
<script type="text/javascript"> 
    function getImageCoords(event,img) { 
     var posX = event.offsetX?(event.offsetX):event.pageX-img.offsetLeft; 
     var posY = event.offsetY?(event.offsetY):event.pageY-img.offsetTop; 
     alert("You clicked at: ("+posX+","+posY+")"); 
    } 
</script> 
</head> 
<body> 
    <img src="image.jpg" onclick="getImageCoords(event,this);"> 
</body> 
</html>

來源

2010-10-15 23:14:30 drudge

確定圖像上的鼠標位置

回答

相關問題