jquery custom event

先说说jquery关于事件的处理方式,在jquery中,函数要想被触发,需要至少四个因素:
1、事件对象
2、事件执行函数
3、将事件执行函数和事件对象进行绑定到某个具体的监听对象上
4、触发该事件

举例:

//首先定义一个事件处理函数:
function cust(){
console.log(' hello every I am the custom function')
}

//其次,自定义一个事件
var e = $.Event('introduce',{name:'intro',data='100'})//利用jquery的Event构造器创建了一个

//将事件执行函数和事件对象进行绑定到某个具体的监听对象上
$('body').bind('introduce',cust)

//触发该事件
$('body').trigger('introduce')


我们经常用到自定义事件是在写jquery plugin的时候,插件允许用户定义callback,然后我们在插件中根据插件的几个不同的状态来触发用户自定义的callback,我们也可以这样用:

function cust(e){
console.log(e.name)
console.log("====hello I am cust function ===");
}

$('a').bind('cust1',cust)

$('a').trigger({type:'cust1', test:true,name:'gao'});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值