event对象的一些方法(取消冒泡,阻止默认行为)

1.event.stopPropagation()。

事件冒泡:例如这样一个结构 :

  • ,假如你在a标签上绑定了一个点击click事件,如:$("a").click(function(){alert("a"); }); 还在li标签上绑定了一个事件,如:$("li").click(function(){alert("li"); });  如果不加event.stopPropagation()。;这一语句,结果会在alert("a");执行后再次执行alert("li")语句,因为a标签在li标签中,a标签在li标签范围中,在执行a标签上的事件后会执行li标签上的相同类型事件,从内层标签往外层依次执行相同类型事件,从里面往外面,此为冒泡

     

    2.event.preventDefault()是阻止默认行为啊!!

    比如一个button放在一个form中,这个button的Default就是提交(submit),但如果你不想让他提交,就可以用e.preventDefault();

    打个比方:

    1

    2

    3

    4

    5

    6

    7

    $(document).ready(function(){

             

                $("button").click(function(e){

                    $("#show").fadeTo("fast",0);

                    e.preventDefault();

                });

     }

    在一个form里有button,还有一个id=show的div(上点颜色),你可以保留e.preventDefault();和去掉e.preventDefault();试试看,效果不同的。


    本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

    相关文章

    立即
    投稿

    微信公众账号

    微信扫一扫加关注

    返回
    顶部