ボタンをクリックしたときにパラメータ付きのjavascript関数を呼び出す

Question

ボタンをクリックしてJavaScript関数を呼び出したいとします。私の問題は、パラメータなしで動作することですが、パラメータでは機能しません。ここに私のボタンがある：

<button onclick="javascript:copy("foo");"> 

私のjavascript関数は次のとおりです。alert通話の

var idACopier; 
function copy(id){ 
    alert('something'); 
    idACopier = id; 
    alert(idACopier); 
} 

なし機能していません。誰かが私が間違っていたことを教えてもらえますか？

Answer 1

問題は、引用符が一致しないためです。より良い解決策は、あなたのイベントハンドラの代わりに、古くなったon*イベント属性を付けるために控えめなJavascriptを使用することです

var idACopier; 
 

 
function copy(id) { 
 
    idACopier = id; 
 
    alert(idACopier); 
 
}

<button onclick="javascript:copy('foo');">Click me</button>

：これを試してみてください。あなたはjQueryのをタグ付けてきたように、ここにあなたがそれを行うことができます方法は次のとおりです。

var idACopier; 
 

 
$('button').click(function() { 
 
    idACopier = $(this).data('foo'); 
 
    alert(idACopier); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button data-foo="foo">Click me</button>