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版权协议,转载请附上原文出处链接和本声明。