手机版

jQuery如何使用自动触发事件触发器?

时间:2021-09-21 来源:互联网 编辑:宝哥软件园 浏览:

有时候需要模拟用户的操作来达到点击效果。例如,用户在进入页面后触发点击事件,而不主动点击。

比如下面的代码:

a href=' # ' onclick=' JavaScript : document . getelementbyid(' d ')。innerhtml=' x1 '单击1/a href=' #。onclick=' JavaScript : document . getelementbyid(' d ')。innerhtml=' x2 ' '单击2/a href=' # ' onclick=' JavaScript 3360 document . getelementbyid(' d ')。innerHTML='x3 '单击3/a /br span id='d'/span/body。效果是x1将显示在“点击1”页面上,x2将显示在“点击2”页面上.但第一次进入页面时,默认是‘点击1’。

在jQuery中,可以使用trigger()方法完成模拟操作。例如,您可以使用以下代码来触发链接的单击事件。

$('a ')。第一个()。触发器(' click ');

这样,当页面加载时,第一个A链接的点击事件被触发,x1将显示在页面上。

触发自定义事件。

trigger()方法不仅可以触发浏览器支持的同名事件,还可以触发自定义名称的事件。例如,将事件“myEvent”绑定到一个元素。jQuery代码如下:

$ ('# BTN ')。bind ('myevent ',function () {alert('自定义事件');});

要触发此事件,可以使用以下代码:

$('#btn ')。触发器(' MyEvent ');

传递数据。

trigger(type,[data])方法有两个参数,第一个参数是要触发的事件对象或事件类型,第二个参数是传递给事件处理程序的附加参数,以数组形式传递。您通常可以通过向回调函数传递参数来判断此事件是代码触发的还是用户触发的。

以下是传输数据的示例。

$('#btn ')。bind('myEvent ',函数(Event,message1,message2){ alert(message1 ',' message 2);});$('#btn ')。触发器(' myEvent ',['Hello ',' World!']);以上就是如何使用jQuery自动触发事件触发器。希望对大家的学习有帮助。

版权声明:jQuery如何使用自动触发事件触发器?是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。