jquery - Firefox 与 Chrome 中的实时点击事件报告不同来源

Question

使用此 HTML

<div>
  <button>
    <img src="https://img.skitch.com/20110912-1m2qj31m7sxmh46uheef63gutu.gif">
  </button>
</div>

还有这个 jQuery

$(document).ready(function() { 
  $("body").live("click", function(event) {
    $("body").append(event.target.tagName);            
  });
});

为什么事件目标节点在 Chrome 中是图像，而在 Firefox 中是按钮？

jsfiddle 测试 -> http://jsfiddle.net/MikeGrace/YC5A7/

Answer 1

当然，这不仅限于图像 - 我在 http://jsfiddle.net/YC5A7/13/ 处调整了您的代码并使用普通的超链接得到相同的结果。

根据 jQuery 文档，event.target “可以是为事件注册的元素或其后代。”因此您的结果与该方法的预期目的一致。

但是，event.currentTarget在所有浏览器中都有所需的结果:http://jsfiddle.net/YC5A7/16/