代码之家 › 专栏 › 技术社区 › user2828442

通过鼠标点击获取图像的宽度和高度

image html jquery javascript

user2828442 · 技术社区 · 6 年前

我想得到的宽度和高度的图像点击。下面是我的代码:

$(".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

1 回复 | 直到 5 年前

Angelos Chalaris 6 年前

您应该向回调函数传递一个参数,然后访问 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">