美文网首页
火狐浏览器a标签内部元素点击事件失效

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

作者: 时间de歌 | 来源:发表于2017-09-26 22:04 被阅读66次

代码结构如下:

<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)
})

相关文章

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

    代码结构如下: 在火狐浏览器当你点击显示的时候,页面直接跳转了,没有弹出123;解决方案:在点击事件里面阻止默认事件;

  • 火狐浏览器下点击a标签时出现虚线

    问题:火狐浏览器点击a标签,会出现虚线框解决:在a标签设置a:focus{outline:none;}

  • ios点击失效

    h5在ios中点击失效 问题1:直接给元素绑定 click 事件失效 解决:可以改成绑定 touchend 事件 ...

  • input标签的focus事件失效?

    input标签被其他标签包含,并且自身带了双击事件,此时的focus事件失效。 我们只需获取input。在它的点击...

  • 4.2.5百度统计事件转化是什么?

    什么是事件转化 事件转化 事件是网页内部某个可以点击的交互元素,下载、移动广告点击、小工具、Flash 元素、AJ...

  • 元素 标签,常识

    伪类选择器和伪元素 正常连接 访问过的链接 鼠标滑过的链接 正在点击的链接 选中的元素 兼容火狐浏览器 伪元素 (...

  • js事件委托

    DOM事件流:捕获=====》到达目标====》冒泡 将绑定在内部元素的事件,改为绑定到外层容器,当点击内部元素时...

  • mui点击事件失效

    点击ul中的li元素,点击失效,有时只有点击li元素的左侧才生效。 解决办法:mui有自带的点击事件绑定 本来是需...

  • JSdeep(this&arguments&bi

    call 浏览器在执行点击事件时,默认点击事件函数的call参数为,引发点击事件的元素(button,div) f...

  • a标签href属性值

    在做项目的过程中,遇到问题如下: 问题:Google浏览器点击a标签,弹出弹框,滚动条回滚。测试了ie和火狐浏览器...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/maieextx.html