jquery - img 标签或锚标签上的 onclick 事件？

Question

制作可点击按钮的两种方法：

方法一：

<img src="image.png" alt="" id="btn_img" />

方法二：

<a id="btn_img"><img src="image.png" alt="" /></a>

除了 CSS 渲染差异（例如光标，IE 生成的蓝色图像边框）之外，如果我将click事件分配给 id btn_img，是否有任何行为差异，例如跨浏览器兼容性？最重要的问题是，首选哪种方法？

添加事件的代码：

$('#btn_img').click(function() {
  alert('do something');
});

希望这个问题不会属于“基于意见”的类别。

Answer 1

两个结果是一样的。唯一的区别是第一种方法在图片中触发click事件，第二种方法在链接标签中触发。所以我们需要防止默认行为a tag而不是img tag. 无论如何，就样式目的而言，img tag用任何元素包装 都比不包装它要好，因此最好使用第二种方法。