当我点击元素外部时，JQuery会触发click事件

Question

我的HTML代码中有三个按钮，使用jQuery创建。

$('<button class="action"><img/></button>').click(onAction);

这三个都按预期放置。它们都是30x30大小。显示为inline-block。 它们都触发绝对正常。

但我发现，当我点击按钮外，点击第一个按钮上的事件触发器。

当我观察onAction(event)的事件对象时，我看到`srcElement = currentTarget = target = toelement =我的第一个按钮

在30x30按钮上看到点击坐标（334; -4）也很奇怪。 （event.offsetX = 334，event.offsetY = -4）

你能帮帮我吗？我的问题是什么？

感谢。

感谢arunpjohny为我创建该链接fiddle