jQuery的事件

jquery中的事件

1. 绑定事件
例如给box绑定一个点击事件

$(".box").on("click",function (){
        console.log("on  click");
    });
    $(".box").on("click",1,function (e){
        console.log("on  click", e.data);
    });

注意：jquery中可以实现连点，就是同时给元素添加多个事件

```javascript
 $(".box").on("click","#btn",function (e){
        console.log("on  click", e.delegateTarget,$(this));  //delegateTarget   委派元素
    }).on("mouseover",function (){
        console.log("悬停");
    }).on("mouseleave",function (){
         //$(this).off("click","#btn");
        $(this).off("mouseover");
    });

1. 用on 写事件委托
2. off 可以委派移除
3. 不带参 全部移除也可以过滤移除

2.one 绑定一次性事件

 $(".box").one("mousedown",1,function (e){
        console.log("mousedown", e.data);
    });

      **trigger    触发指定事件**
    $(window).on("keydown",function (e,a){
            console.log("按键", a);
    }).trigger("keydown",1);


    $(".box").on("user-key",function (e,a){
        console.log("自定义事件",a);
    }).trigger("user-key",1);



    $(".box").click(function (){
        console.log("box");
    });
    $("#btn").click(function (e,a){
        console.log("btn",a);

        //e.originalEvent.cancelBubble=true;
        //return false;
        //e.stopPropagation();
    }).triggerHandler("click",1);

3.事件参数

 $("#btn").click(function (e){
        console.log(e);
    })