首页
登录 | 注册

jQuery事件绑定与冒泡处理、绑定多种事件@2018-06-16

1、jQuery事件绑定

2、冒泡处理
方式一:

  $('div').on('click',function(event){
       event.stopPropagation();//阻止事件冒泡
       alert(2)
    })

方式二:

$('a').click(function(event){
    // do sth.
    return false;
});

3、绑定多种事件

方式一:

方式二:

$("p").on({

    mouseover:function(){$("body").css("background-color","lightgray");},  

    mouseout:function(){$("body").css("background-color","lightblue");}, 

    click:function(){$("body").css("background-color","yellow");}  

  });

方式三:


    $('input')
    .on('focus',function(){ })// 聚焦时处理 
    .on('blur',function(){ })// 失去焦点时处理 
    .on('input',function(){ })// 输入时处理 

参考:
https://github.com/cssmagic/blog/issues/48
https://segmentfault.com/a/1190000005791376
https://segmentfault.com/a/1190000000523349
https://harttle.land/2015/06/26/jquery-event.html
https://juejin.im/post/5a1a350d51882560e3565665



2020 jeepxie.net webmaster#jeepxie.net
10 q. 0.009 s.
京ICP备10005923号