使用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中文網其他相關文章！
