컨테이너 div 내의 하위 div에 이벤트 수신기를 추가하려고합니다. 이 작업을 올바르게 수행하는 방법을 파악하는 데 문제가 있습니다. 제가 지금까지 가지고있는 코드는 여기에 있습니다 : pastebin. 청취자 (클릭)는 35 행에 있습니다addEventListener를 사용하는 방법은 무엇입니까?
답변
당신은 청취자로 전달하는 대신 context
함수를 호출하고 있습니다.
divs[i].addEventLisenter('click', context(divs[i].id), true);
은 다음과 같아야합니다 :이 말은,
divs[i].addEventLisenter('click', context, true);
그리고이 :
function context(id) {
console.log(id+' clicked');
}
가 있어야한다 :
function context(evt) {
console.log(this.id + ' clicked');
}
아, 재미 있습니다 ... 내가 원하는 것을하기 위해 다른 방법을 찾았지만. (즉, 컨테이너 div에 click 이벤트를 추가하고 자식 div의 event.target.id를 가져옵니다. –
@Charles, 당신이하고있는 일은 매우 유용합니다! 새 자식을 컨테이너에 동적으로 추가하면 클릭 리스너 위의 전통적인 방법과는 달리 그들에게도 효과가 있습니다. "이벤트 위임"이라고합니다. – bfavaretto
JavaScript가 해석되므로 JavaScript를 사용하는 경우 위에 docINIT 정의를 이동해야합니다.
반드시 그런 것은 아니다 - 해석 된 것은 그것과 관련이 없다. 자바 스크립트 변수 호이스트를 살펴보십시오. 이 함수는 존재할 수 있고 범위 내에서 정의 될 수 있습니다. – tkone
tkone이 정확합니다. 여러 응용 프로그램에서 docINIT에 대한 레이아웃 메서드를 사용했지만 문제가 없었습니다. –
- 1. addeventlistener를 올바르게 추가하는 방법은 무엇입니까?
- 2. 배열에서 jQuery bind 또는 addEventListener를 사용하는 방법은 무엇입니까?
- 3. addEventListener를 통해 명령문을 전달하는 방법은 무엇입니까?
- 4. 기존 스타일 속성 대 addEventListener를 사용하는 readystatechange?
- 5. addEventListener를 동적으로 사용 하시겠습니까?
- 6. addEventListener를 어떻게 업데이트합니까?
- 7. ActionScript 3 AddEventListener를 Sprite에
- 8. .htc를 통해 IE7에 addEventListener를 추가하십시오.
- 9. AS2 : MovieClipLoader를 통해로드 된 SWF/MovieClip에서 addEventListener를 사용하는 방법
- 10. addEventListener를 사용하여 내 이벤트가 추가되지 않는 이유는 무엇입니까?
- 11. ActionScript-3 addEventListener를 두 번 이상 호출합니다.
- 12. CS_PARENTDC를 사용하는 방법은 무엇입니까?
- 13. HttpContext.GetGlobalResourceObject를 사용하는 방법은 무엇입니까?
- 14. 이미지를지도처럼 사용하는 방법은 무엇입니까?
- 15. 'copy_to_user'를 사용하는 방법은 무엇입니까?
- 16. matplotlib를 사용하는 방법은 무엇입니까?
- 17. nspredicate를 사용하는 방법은 무엇입니까?
- 18. requestAnimationFrame을 사용하는 방법은 무엇입니까?
- 19. Linux에서 SDL을 사용하는 방법은 무엇입니까?
- 20. 서블릿을 사용하는 올바른 방법은 무엇입니까?
- 21. CodeIgniter에서 모델을 사용하는 방법은 무엇입니까?
- 22. morphing에 VBO를 사용하는 방법은 무엇입니까?
- 23. alertbox에서 sharedPreferences를 사용하는 방법은 무엇입니까?
- 24. UIPanGestureRecognizer의 _firstScreenLocation을 사용하는 방법은 무엇입니까?
- 25. ActionLink에서 리소스를 사용하는 방법은 무엇입니까?
- 26. Clang의 AST를 사용하는 방법은 무엇입니까?
- 27. base64 클래스를 사용하는 방법은 무엇입니까?
- 28. STL에서 slist를 사용하는 방법은 무엇입니까?
- 29. GWT에서 SQLite를 사용하는 방법은 무엇입니까?
- 30. GetFileVersionInfo 함수를 사용하는 방법은 무엇입니까?
Lisenter? 나는 당신이 말하는 것을 상상한다. 청취자 –