美文网首页
jQuery事件冒泡和默认行为

jQuery事件冒泡和默认行为

作者: David_Rao | 来源:发表于2020-02-01 10:51 被阅读0次

什么是事件冒泡?

  • 父亲和儿子都绑定了相同事件类型,儿子再相应该类型事件时,父亲也会跟着响应该类型事件。
  • 这种事件从下级往上级传递的现象,就像气泡从下往上冒一样,故叫做事件冒泡。

如何阻止事件冒泡?

  1. 在儿子事件的回调函数中,最后一句添加return false
$(".son").click(function () {
    alert("son");
    return false;
});
  1. 给儿子事件的回调函数传递event参数,event调用stopPropagation()
$(".son").click(function (event) {
    alert("son");
    event.stopPropagation();
});

什么是默认行为?

比如点击a标签、submit按钮会自动跳转到对应的url

如何阻止默认行为?

  1. 在儿子事件的回调函数中,最后依据添加return false
$("a").click(function () {
    alert("弹出注册框");
    return false;
})
  1. 给儿子事件的回调函数传递event参数,event调用preventDefault()
$("a").click(function (event) {
    alert("弹出注册框");
    event.preventDefault();
});

相关文章

  • jQuery事件冒泡和默认行为

    什么是事件冒泡? 父亲和儿子都绑定了相同事件类型,儿子再相应该类型事件时,父亲也会跟着响应该类型事件。 这种事件从...

  • 阻止事件冒泡

    1、阻止事件冒泡 - jQuery的两种方式 2、取消默认行为 3、兼容写法

  • jQuery中阻止事件冒泡和默认行为

    1.什么是事件冒泡子元素上的事件会传给父元素,传给爷爷元素如何阻止事件冒泡(1)只需要在子元素中加return f...

  • vue事件

    禁止事件冒泡 停止事件默认行为 特定的键触发行为 事件对象和元素

  • VUE事件处理

    .stop 停止事件冒泡.prevent 阻止事件默认行为

  • jquery知识点汇总

    delegate 注册事件和on注册事件 事件冒泡和事件默认行为 常用自定义效果 $.ajax() 请求

  • 如何阻止事件冒泡和默认行为?

    今天给大家分享:如何阻止事件冒泡和默认行为? 分享...

  • 项目中常用的JS代码

    HTML5 DOM 选择器 HTML5全屏 获取键盘Code码 阻止默认行为 阻止冒泡 鼠标滚轮事件 jQuery...

  • Vue.js第四天

    五、事件和属性 1.事件 1.1 事件简写 1.2事件对象$event 1.3事件冒泡 1.4 事件默认行为 1....

  • 事件委托与事件冒泡

    阻止事件默认行为(事件委托)e.preventDefault();阻止事件冒泡e.stopPropagation(...

网友评论

      本文标题:jQuery事件冒泡和默认行为

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