如何使用 jQuery 將參數傳遞給按一下事件處理程序？

使用jQuery 將參數傳遞給Click 事件處理程序

使用jQuery 時，您可能會遇到需要將參數傳遞給點擊事件處理程序。當您需要重複使用該函數並在每次呼叫時傳遞不同的參數時，這尤其有用。

最初，jQuery 的 .click() 似乎不允許參數傳遞，如下例所示顯示嘗試失敗：

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

function add_event(event) {
    // Function logic
}</code>

幸運的是，這個問題有一個簡單的解決方案。您可以使用 .data() 方法輕鬆地將參數傳遞給單擊事件處理程序，該方法可讓您將資料與 HTML 元素關聯起來。以下是實現此目的的方法：

<code class="js">$('.leadtoscore').data('parameter', 'shot').click(add_event);

function add_event(event) {
    const parameter = $(event.target).data('parameter');
    // Function logic using 'parameter'
}</code>

此方法涉及在對應的HTML 元素上設定data 屬性，然後使用event.target.data('parameter') 語法在點擊事件處理程序中訪問它。

作為替代方案，jQuery 1.4.3 及更高版本引入了一種更簡潔的方法將資料傳遞給事件處理程序。您可以直接將參數物件作為第一個參數傳遞給.click()，如下所示：

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

function add_event(event) {
    const parameter = event.data.parameter;
    // Function logic using 'parameter'
}</code>

使用這些方法中的任何一個，您都可以將參數傳遞給單擊事件處理程序，並且在多個事件中重複使用它們。

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