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

1、jQuery事件绑定

 $('body').one('click',function(){ }) // 只会执行一次，然后销毁事件

2、冒泡处理
方式一：

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

方式二：

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

3、绑定多种事件

方式一：

$('input').on('focus input',function(){ })// 在文本框聚焦和输入的时候，都做同样的事情

方式二：

$("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