«addeventlistener» 태그된 질문

주어진 DOM 노드에 이벤트 리스너를 추가하는 DOM 이벤트 메소드

16
addEventListener와 onclick
차이 무엇 addEventListener과 onclick? var h = document.getElementById("a"); h.onclick = dothing1; h.addEventListener("click", dothing2); 위의 코드는 별도의 .js 파일에 함께 있으며 모두 완벽하게 작동합니다.



9
Javascript-문서가로드되었는지 감지하는 방법 (IE 7 / Firefox 3)
문서가로드 된 후 함수를 호출하려고하지만 문서가 아직로드되지 않았을 수도 있습니다. 로드되면 함수를 호출 할 수 있습니다. 로드되지 않으면 이벤트 리스너를 연결할 수 있습니다. 호출되지 않으므로 onload가 이미 실행 된 후에 이벤트 리스너를 추가 할 수 없습니다. 문서가로드되었는지 어떻게 확인할 수 있습니까? 아래 코드를 시도했지만 완전히 작동하지는 않습니다. 어떤 아이디어? var …

8
JQuery없이 리스너에 여러 이벤트를 바인딩 하시겠습니까?
브라우저 이벤트로 작업하는 동안 모바일 장치에 Safari의 touchEvents를 통합하기 시작했습니다. 나는 addEventListener조건부와 쌓여 있음을 발견했습니다 . 이 프로젝트는 JQuery를 사용할 수 없습니다. 표준 이벤트 리스너 : /* option 1 */ window.addEventListener('mousemove', this.mouseMoveHandler, false); window.addEventListener('touchmove', this.mouseMoveHandler, false); /* option 2, only enables the required event */ var isTouchEnabled = window.Touch || …

4
동적으로 이벤트 리스너 추가
방금 Angular 2를 엉망으로 만들기 시작했으며 누군가 요소에서 이벤트 리스너를 동적으로 추가하고 제거하는 가장 좋은 방법을 말해 줄 수 있는지 궁금합니다. 구성 요소를 설정했습니다. 템플릿의 특정 요소를 클릭하면 mousemove동일한 템플릿의 다른 요소에 리스너를 추가하고 싶습니다 . 그런 다음 세 번째 요소를 클릭하면이 리스너를 제거하고 싶습니다. 나는 보통 Javascript를 사용하여 요소를 …


9
IE8에서 작동하지 않는 addEventListener
동적으로 확인란을 만들었습니다. 내가 사용하고 addEventListener구글 크롬과 파이어 폭스에서 작동하지만 체크 박스의 클릭에 함수를 호출하는 인터넷 익스플로러 8에서 작동하지 않습니다 . 이것은 내 코드입니다. var _checkbox = document.createElement("input"); _checkbox.addEventListener("click", setCheckedValues, false); setCheckedValues 내 이벤트 핸들러입니다.

16
null의 'addEventListener'속성을 읽을 수 없습니다.
프로젝트에 바닐라 자바 ​​스크립트를 사용해야합니다. 몇 가지 기능이 있는데 그중 하나는 메뉴를 여는 버튼입니다. 대상 ID가있는 페이지에서는 작동하지만 ID가없는 페이지에서는 오류가 발생합니다. 함수가 ID를 찾을 수없는 페이지에서 "Cannot read property 'addEventListener'of null"오류가 발생하고 다른 함수가 작동하지 않습니다. 다음은 메뉴를 여는 버튼의 코드입니다. function swapper() { toggleClass(document.getElementById('overlay'), 'open'); } var el …

14
동적으로 연결된 이벤트 리스너가 있는지 여부를 확인하는 방법은 무엇입니까?
내 문제는 다음과 같습니다. 어떻게 든 동적으로 연결된 이벤트 리스너의 존재를 확인할 수 있습니까? 또는 DOM에서 "onclick"(?) 속성의 상태를 어떻게 확인할 수 있습니까? 해결책을 찾기 위해 Stack Overflow와 마찬가지로 인터넷을 검색했지만 운이 없습니다. 내 HTML은 다음과 같습니다. <a id="link1" onclick="linkclick(event)"> link 1 </a> <a id="link2"> link 2 </a> <!-- without …

8
Javascript의 MSIE 및 addEventListener 문제?
document.getElementById('container').addEventListener('copy',beforecopy,false ); Chrome / Safari에서는 페이지의 콘텐츠를 복사 할 때 위의 "beforecopy"기능이 실행됩니다. MSIE는이 기능도 지원해야하지만 어떤 이유로 다음 오류가 발생합니다. "개체가이 속성 또는 메서드를 지원하지 않습니다." 이제 Internet Explorer가 본문 노드와 함께 작동하지 않는다는 것을 이해했지만 ID로 노드를 제공하면 제대로 작동한다고 생각했을 것입니다. 아무도 내가 뭘 잘못하고 있는지에 대한 …

2
addEventListener () / attachEvent ()의 올바른 사용법?
addEventListener각각 attachEvent올바르게 사용하는 방법이 궁금 합니다. window.onload = function (myFunc1) { /* do something */ } function myFunc2() { /* do something */ } if (window.addEventListener) { window.addEventListener('load', myFunc2, false); } else if (window.attachEvent) { window.attachEvent('onload', myFunc2); } // ... 또는 function myFunc1() { /* do something */ } if …

7
Javascript removeEventListener가 작동하지 않습니다.
eventListener를 추가하려면 다음 코드가 있습니다. area.addEventListener('click',function(event) { app.addSpot(event.clientX,event.clientY); app.addFlag = 1; },true); 예상대로 올바르게 작동합니다. 나중에 다른 함수에서 다음 코드를 사용하여 이벤트 리스너를 제거하려고했습니다. area.removeEventListener('click',function(event) { app.addSpot(event.clientX,event.clientY); app.addFlag = 1; },true); 하지만 짝수 리스너가 제거되지 않았습니다. 왜 발생합니까? 내 removeEventListener ()에 문제가 있습니까? 참고 : 여기에 document.getElementById ( 'myId')와 같은 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.