火狐浏览器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)
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,349评论 25 708
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,805评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,947评论 18 139
  • ▌授课老师:干嘉伟 ▌老师介绍:高瓴资本运营合伙人、美团点评互联网+大学校长;前美团COO、美团赢得“千团大战”的...
    被信任是一种幸福阅读 5,075评论 0 9
  • (本人主讲的文学写作课程讲义) 我们今天谈文学写作,写作大家知道,就是创作文学作品。什么是文学作品?那些算是文学作...
    散仔小彦阅读 1,212评论 0 5