我怎樣才能將.on（）事件中的變量傳遞給回調函數？

我使用javascript將按鈕動態插入到文檔中，並且我想讓按鈕可點擊並獲取每個按鈕的值並將它們導出到conosle.log中。現在我有按鈕可點擊，但我不知道如何將.on（）的按鈕值傳遞給函數，有什麼建議嗎？我怎樣才能將.on（）事件中的變量傳遞給回調函數？

HTML

<button id="testTagButton" class="yt-chip" title="test button please ignore"><span>test button please ignore</span></button>

的JavaScript

$(document).on('click','#testTagButton',tagInsert); 


function tagInsert(){ 
    console.log("Button Value should go here"); 
}

我必須使用。對（），據我所知，因爲我使用追加插入按鈕插入到文檔

來源

2017-08-03 Gambsmoore

你通過按鍵值的意思，跨度的文本？ – kapreski

只是指上下文（又名此）：

function tagInsert(){ 
    console.log(
    this.id, //a regular DOM prop 
    this.title, 
    $(this).text() //or utilizing jquery again 
    //or whatever 
    ); 
}

來源

2017-08-03 17:49:41

完美，你是男人。我知道這會很簡單，謝謝！自從我發佈以來，它還沒有過10分鐘，但我會在冷卻時間結束時將其標記爲公認的答案。 – Gambsmoore

@ gambsmoore樂於幫忙;） –

您可以通過事件到tagInsert功能並獲得目標

function tagInsert(e){ 
    var target = e.target || e.srcElement; 
    console.log(target.innerHTML); 
}

來源

2017-08-03 17:49:16 hunter

您可以使用data-和$.data()。

$(document).ready(function() { 
 
    $("#test").on("click", function(e) { 
 
    console.log($(this).data("test")); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button data-test="123" id="test"> 
 
Test 
 
</button>

來源

2017-08-03 17:51:44

不知道該珍惜你要找的，但是$（本）.ID或$（本）的.text會做

來源

2017-08-03 17:52:17

我怎樣才能將.on（）事件中的變量傳遞給回調函數？

回答

相關問題