美文网首页
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事件冒泡和默认行为

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