如何在 jQuery .click 事件處理程序中將參數傳遞給使用者函數？

使用 jQuery 的 .click 將參數傳遞給使用者函數

在 jQuery 中，.click 事件處理程序可讓您在按一下元素時執行函數。若要使用此功能，請指定函數作為 .click() 的參數。然而，向函數傳遞參數時經常會遇到困難。

要解決此問題，您可以考慮使用在.click() 中立即執行的匿名函數，如下所示：

<code class="js">$('.leadtoscore').click(function() { add_event('shot'); });</code>

或者，如果您希望從多個位置調用add_event 函數，另一個方法是使用jQuery 的data 屬性來傳遞參數。 1.4.3 版本引入了此功能，允許建立資料映射並將其作為第一個參數傳遞給 .click()。

<code class="js">$('.leadtoscore').click({ event: 'shot' }, add_event);</code>

在事件處理程序中，透過事件物件存取資料映射，如下所示：

<code class="js">function add_event(event) {
  const eventParam = event.data.event;
}</code>

此方法提供了一種方便的機制，用於將參數傳遞給.click() 呼叫的函數，同時保持從程式碼中不同位置呼叫該函數的彈性。

以上是如何在 jQuery .click 事件處理程序中將參數傳遞給使用者函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！