火狐浏览器a标签内部元素点击事件失效

代码结构如下：

<a href="/a/a.html">
  <span class="btn">显示</span>
</a>

$('.btn').on('click', function () {
    alert(123)
})

在火狐浏览器当你点击显示的时候，页面直接跳转了，没有弹出123；
解决方案：在点击事件里面阻止默认事件；

$('.btn').on('click', function (e) {
    e.preventDefault();
    alert(123)
})