버튼 클릭시 매개 변수가있는 javascript 함수 호출

Question

버튼을 클릭하여 자바 스크립트 기능을 호출하려고합니다. 내 문제는 매개 변수없이 작동하지만 매개 변수와 작동하지 않는다는 것입니다. 여기 내 버튼은 다음과 같습니다

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

내 자바 스크립트 기능은 다음과 같습니다 alert 통화의

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

없음이 작동하지 않습니다. 누군가 내가 뭘 잘못했는지 말해 줄 수 있니?

Answer 1

따옴표가 잘못되어 문제가 발생했습니다. 이 시도 :

var idACopier; 
 

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

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

더 나은 솔루션이 오래된 on* 이벤트 속성 대신에 이벤트 핸들러를 첨부 눈에 거슬리지 자바 스크립트를 사용하는 것입니다. 당신이 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>