addEventListener 사용 방법

버튼을 누를 때마다 div 요소를 만드는 스크립트를 만들고있었습니다. 원래 나는 onclick 속성과 인라인라는 기능을 가지고 있지만, 그래서 난 그것을 밖으로 이동하는 대신 내가 내가 내가 모르겠어요 전에 addEventListener()을 사용한 적이 addEventListener("click",function());addEventListener 사용 방법

를 사용하려고 같은 jslint하지 않습니다 올바르게 사용하십시오.

페이지가로드 될 때 div이 하나 생성되고 버튼을 누를 때 아무 것도 수행하지 않는 것이 문제입니다.

미리 감사드립니다. 이

input.addEventListener("click", function(){ 
    createEntry(document.getElementById('a').value); 
});

같은

<body> 
<form> 
    <textarea id="a"></textarea>  
    <br> 
    <input value="button" type="button"> 
</form> 
<div id="content"> 
</div> 
<script> 
    /*jslint browser:true */ 
    function createEntry(text) { 
     "use strict"; 

     var div = document.createElement("div"); 
     div.setAttribute("class", "test"); 
     document.getElementById("content").appendChild(div); 
    } 
    var input = document.getElementsByTagName("input")[0]; 
    input.addEventListener("click", createEntry(document.getElementById('a').value)); 
</script>

출처

2012-12-07 Kyle Messner

변경 이벤트 리스너를 약자로, 당신은 이벤트 리스너로 createEntry의 결과를 전달하는 : 여기

내가 가진 무엇 함수 자체가 아닙니다.

여기에 더 많은 정보가 있습니다 :

https://developer.mozilla.org/en/docs/DOM/element.addEventListener

출처

2012-12-07 21:14:58 lostsource

아! 시간 내 주셔서 대단히 감사합니다. :] –

변경

input.addEventListener("click", function(){ 
createEntry(document.getElementById('a').value); 
});

출처

2012-12-07 21:15:17

시간 내 주셔서 감사합니다. :] –

에이 라인

input.addEventListener("click", createEntry(document.getElementById('a').value));

안전하고 균일 브라우저로, 이벤트 처리 및 DOM 조작에 대한 jQuery를 같은 자바 스크립트 라이브러리를 사용해보십시오.

당신은 다음과 같이 jQuery를에 이벤트 핸들러를 사용할 수 있습니다

$(<element_selector>).on("click", function (event) { 
    // your code here... 
});

출처

2012-12-07 21:18:53

나는 JQuery로 그것을하는 법을 알고 있었지만, 나는 그것없이 쓰는 것으로 나의 Javascript 기술을 향상시키고 싶었다. 그래도 브라우저 간 안전에 대한 좋은 지적을 제기합니다. 감사 :] –

addEventListener 사용 방법

답변

관련 문제