我怎样才能将.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（）事件中的变量传递给回调函数？

回答

相关问题