span 的onclick事件没有响应

1、做了个按钮span，span的元素是图标如下：

<div>

  <span onclick="javascript:alert(123)"></span>

</div>

点击span元素的时候，span元素没有响应。

后来查找资料才知道，span是div的子元素，点击span的时候，发生了事件冒泡，响应在了span的父元素div上，所以对onclick事件的响应应该是父元素，div。