绑定的事件类型和事件处理函数,只会执行一次
$().one(事件类型,事件处理函数)
// 只会触发执行一次的函数
$('div').one('click' , ()=>{
console.log('我是绑定给div的事件,我只会执行一次');
})
事件的发布 --- 绑定的,同一个事件类型的事件,都会默认先执行一次
$().trigger(事件类型);
// 事件的发布
$('div').on('click' , ()=>{
console.log('我是绑定给div的事件');
})
$('div').trigger('click'); //会提前执行一次函数 要执行的函数必须在前边
事件的删除
语法1: 没有参数,删除所有绑定的所有事件类型的所有事件处理函数
$().off()
// 删除所有一切类型的一切事件处理函数
$('div').off();
语法2: 删除指定类型的所有事件处理函数其他类型的事件处理函数会保留
$().off('事件类型')
// 只删除click类型的所有事件处理函数
$('div').off('click');
语法3:删除指定类型的,指定事件处理函数必须绑定的是函数名称
$().off('事件类型' , 函数名称)
// 删除具体事件类型的具体一个事件处理函数
// 必须绑定的是 函数名称
// 如果非要删除绑定的匿名函数,只能先删除所有的,再一个一个的绑定回来,不绑定删除的事件处理函数
$('div').off('click' , fun1);
hover事件
$().hover(事件处理函数1 , 事件处理函数2)
参数是两个事件处理函数
事件处理函数1 : 鼠标移入触发的事件
事件处理函数2 : 鼠标移出触发的事件
本质是 enter 和 leave 事件子级不会触发
// hover事件
$('div').hover( ()=>console.log('移入') , ()=>console.log('移出') );
Comments | NOTHING