jquery中trigger()⽅法⾃动触发事件(摘抄:加强记忆)
⼀、常⽤事件
在页⾯加载完成时,⾃动触发input的点击事件;在移动端可以实现⾃动弹出输⼊法,获得焦点;
$('input').trigger('click').focus();
⼆、⾃定义事件
$('#btn').on('myClick',function(){
alert('⾃定义事件');
})
$('#btn').trigger(‘myClick’);
html自动弹出公告代码
三、传递参数
trigger(type,[,data]);⽅法有两个参数:第⼀个参数type是要触发的事件类型;第⼆个参数是要传递给事件处理函数的附加数据,以数组形式;通常可以通过判断第⼀个参数来区别是代码触发还是⽤户触发;
$('#btn).bind('myClick',function(event,msg1,msg2){
$('#test').append(msg1+msg2);
})
$('#btn').trigger('myClick',['⾃定义的','事件']);
四、执⾏默认操作
trigger()⽅法触发事件后,会执⾏浏览器默认操作;例如:
$('input').trigger('focus');
以上代码不仅会触发为input元素的绑定的focus事件,也会使input元素本⾝获得焦点(浏览器默认操作);
如果只是想触发绑定的focus事件,⽽不想执⾏浏览器默认的操作,可以使⽤jquery中另⼀个⽅法triggerHander()
$('input').trigger('focus');
额外⼩知识点:
mouseover 和 mousemove区别:当⿏标在指定的元素上移动,就是mousemove;当⿏标指针位于元素上⽅时,就是mouseover