는 또는 addEventListener는 내가 HTML의 DIV에 놓기 이벤트를 첨부하려고

Question

발사하지 놓습니다. 내가 돌아 ondragover에서 거짓이 도움이 될 것입니다 읽었습니다

document.getElementById('sub-main').addEventListener("click",() => {console.log('Click')}); 

:

document.getElementById('sub-main').addEventListener("ondragover",() => {return false}); 
    document.getElementById('sub-main').addEventListener("drop",() => {console.log('Drop')}); 

하지만이 중 하나가 작동하지 않습니다

나는 추가 이벤트와이 이벤트가 발생을 테스트하는 클릭 이벤트를 추가 한

draggable을 true로 설정해 보았습니다.

document.body.setAttribute('draggable', true); 

하지만 운이 없다!

getEventListeners(document.getElementById('sub-main')); 

을하고 (내가 선택한 어떤 임의의 이벤트 이름을 추가 할 수 있으며이 표시됩니다 있지만) 그것은 모든 이벤트를 표시합니다 -하지만 :

나는 다음과 같이 콘솔에 이벤트 리스너를 기록했다 이벤트가 여전히 실행되지 않습니다

아이디어가 있으십니까?

Answer 1

W3Schools는 의견에 언급 한대로 이러한 이벤트의 작동 예제가 있습니다. 도움이 되니 기쁩니다.

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_ondrag_all

Answer 2

나는 plunker에서 시행 착오를했고, 결론적으로 문서에서 eventListener를 설정해야한다고 결론을 내렸다. (적어도 'sub-main'은 plunker에서 에러를 준다.) 발사 할 대상이있는 이벤트 리스너에 있습니다. 그리고 드롭 할 수 있다는 것을 탐지하기 위해서는 drag, dragstart, dragover, dragleave, dragenter와 같은 다른 eventListener가 필요합니다. Just follow what they did here on MDN.