{site_name}

{site_name}

🌜 搜索

jQuery对象的triggerHandler()函数用于触发指定事件类型的处理

前端 𝄐 0
jquerytrigger参数
jQuery对象的triggerHandler()函数用于触发指定事件类型的处理程序,但与trigger()不同,它只触发当前元素集合中第一个元素上的事件处理程序,并且不会导致事件冒泡或默认行为。

使用triggerHandler()的语法如下:


$(selector).triggerHandler(eventType [, extraParameters])


其中,eventType是要触发的事件类型,extraParameters是可选参数,用于传递给事件处理程序的额外数据。

以下是一个示例,它演示了如何在单击按钮时触发自定义事件,然后在事件处理程序中获取并显示该事件的信息:

HTML代码:


<button id="myButton">Click me</button>
<div id="result"></div>


JavaScript代码:


// 绑定自定义事件处理程序
$("#myButton").on("myEvent", function(event, param1, param2) {
// 显示事件信息
$("#result").text("Event type: " + event.type + ", Param1: " + param1 + ", Param2: " + param2);
});

// 触发自定义事件,并传递两个参数
$("#myButton").triggerHandler("myEvent", ["Hello", "World"]);


当单击按钮时,将触发名为"myEvent"的自定义事件,并将字符串"Hello"和"World"作为参数传递给事件处理程序。事件处理程序将显示以下内容:


Event type: myEvent, Param1: Hello, Param2: World