JavaScriptでonclickを設定するときに引数を渡す

Question

まあ、私はどこでもそれを行う方法を探してきました。

クリックしたときに表の行を削除するはずのボタンのリストがあります。これらのテーブルの行のいくつかは、ユーザによって追加または削除することができますので、私は、HTMLファイルに直接onclickのを書き込むことはできませんので、私はJavaScriptでそれらを追加しました：

function setOnclick() { 

     var deleteBtn = document.getElementsByClassName("delete-btn"); 

     for(var i = 0; i < deleteBtn.length; ++i){ 
     deleteBtn[i].onclick = deleteArticle(/*(this)*/); 
     } 
    } 

    function deleteArticle(article){ 
     /* delete the article row from table */ 
    } 

今、私はので、私ならば任意の引数を置くことができません関数の最後にput（）を呼び出すだけで、関数を呼び出すのではなく、関数を起動します。

PS：これは割り当てなので、私はあなたがイベントリスナーに引数を渡したい場合は、.bind()を使用することができ

... 
deleteBtn[i].onclick = deleteArticle 
... 

function deleteArticle(){ 
this.parentNode.removeChild(this); 
} 

Answer 1

を置くべきjQuery.1

Answer 2

を使用する権限がありませんよ：

function setOnclick() { 
 
    var deleteBtn = document.getElementsByClassName("delete-btn"); 
 
    for(var i = 0; i < deleteBtn.length; ++i){ 
 
    deleteBtn[i].onclick = deleteArticle.bind(deleteBtn[i], 'some_more_parameter');; 
 
    } 
 
} 
 

 
function deleteArticle(param){ 
 
    // DOM operation with "this" 
 
    alert(this.innerText + ' & ' + param); 
 
} 
 

 
setOnclick();

<button class="delete-btn"> 
 
xxx 
 
</button> 
 
<button class="delete-btn"> 
 
yyy 
 
</button>

Answer 3

クローサー機能を使うことができます。

function setOnclick() { 

    var deleteBtn = document.getElementsByClassName("delete-btn"); 

    for(var i = 0; i < deleteBtn.length; ++i){ 
     let article = deleteBtn[i]; 
     article.onclick = function() { 
      deleteArticle(article); 
     } 

    } 
} 

function deleteArticle(article){ 
    /* delete the article row from table */ 
}