jQuery自定义事件及其绑定执行

jquery自定义事件并且绑定执行:

说明:在实际开发中或许原生的JavaScript事件或者jQuery事件不能

满足开发的要求,这时候就需要我们自己编写相应的事件,并使之

执行。

<div>
    <input type="button" value="newevent" id="newevevt"/>
</div>

1、原生的JavaScript事件:

可以直接在元素上面使用on+事件名称或者使用jQuery的绑定函数

然后点击按钮就可以直接触发。如:

如果是原生的javascript事件则直接可以通过浏览器触发
如:

$("#newevevt").click(function(){
    alert("you clicked me!");
});

2、如果一个字符串不是原生的JavaScript事件名,
那么这个事件处理函数会绑定到一个自定义事件上。
这些自定义事件绝对不会由浏览器触发,
但可以通过使用.trigger()或者.triggerHandler()在其他代码中手动触发。

$("#newevevt").bind("customDf",{foo:"fooo"},function(event,a,b){
    alert("you clicked me!"+event.data.foo+"=="+a+"=="+b);
});
说明:customDf事件不是js原生事件,当点击按钮后没有触发 ;必须

为其定义一个触发器才能触发;绑定的customDf事件必须通过

用.trigger手动触发:

$("#newevevt").trigger("customDf",["zy","teacher"]);
["zy","teacher"]:表示传递的参数(传递的参数必须是数组的形式);
接收数据时候必须在方法里面单个接收:
function(event,a,b){
    alert("you clicked me!"+event.data.foo+"=="+a+"=="+b);
}
a的值对应数组中的“zy” b的值对应数组中的“teacher”

注:为任意js对象声明事件,通过bind声明


版权声明:本文为guobing19871024原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。