javascript - 单击鼠标获取图像的宽度和高度

我想在单击时获得图像的宽度和高度。下面是我的代码：

$(".sim-row-edit-img").click(function(){
	alert("Image clicked, width is __px and height is __px");

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<img class="sim-row-edit-img" border="0" alt="W3Schools" src="http://icons.iconarchive.com/icons/dtafalonso/android-l/256/WhatsApp-icon.png" width="100" height="100">

请注意，我需要图像的尺寸，而不是我在width="100" height="100"中编写的img attr标签。

最佳答案

您应该将参数传递给回调函数，然后访问事件的target及其事件naturalWidth和naturalHeight，如下所示：

$(".sim-row-edit-img").click(function(e){
	alert("Image clicked, width is "+e.target.naturalWidth+"px and height is "+e.target.naturalHeight+"px");

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<img class="sim-row-edit-img" border="0" alt="W3Schools" src="http://icons.iconarchive.com/icons/dtafalonso/android-l/256/WhatsApp-icon.png" width="100" height="100">

关于javascript - 单击鼠标获取图像的宽度和高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52313518/