2017-12-20 2 views
0

동적 이벤트 생성 또는 문자열이 올바른 이벤트 이름인지 확인하는 방법에 대한 자바 스크립트의 모든 이벤트를 나열하는 방법을 찾고 있어요.모든 이벤트 자바 스크립트를 나열

감사합니다.

+0

다른 이벤트를 참고하시기 바랍니다 –

+0

시도가있는 [최소, 완전하고, 검증 가능한 (https://stackoverflow.com/help/mcve) 코드 예제를 포함하는 다른 요소에 유효한 당신의 문제. 독자가 귀하의 질문을 더 잘 이해하고 궁극적으로 정답을 제공하는 데 도움이됩니다. 또한 독자가 지금까지 자신의 요구 사항을 충족시키기 위해 시도한 것을 보여줍니다. – RobC

답변

1

다른 이벤트는 다른 노드에 유효합니다.

const elements = [ 
 
    'a', 
 
    'window', 
 
]; 
 

 
elements.forEach(elementName => { 
 
    const el = document.createElement(elementName); 
 
    console.log(`======= Events for ${elementName}:`); 
 
    for (var prop in el) { 
 
    if (prop.startsWith('on')) { 
 
     console.log(prop); 
 
    } 
 
    } 
 
});

+0

이것은 사용자 지정 이벤트를 처리하지 않습니다. – Quentin

+0

사용자 지정 이벤트는 무엇을 의미합니까? addEventListener ('myevent')? 나는 OP가 그걸 원한다면 확실하지 않다. –

+0

http://jsbin.com/xojijequle/1/edit?html,js,output – Quentin

0

Chrome이 옵션 인 경우 개발자 도구를 사용할 수 있습니다. 보도 F12

  • 는 DevTools로

  • 당신이 요소 탭에서 검사 할 요소에 클릭을 엽니 다. 이벤트 리스너에

  • 클릭 스타일 근처 탭

당신은 여기 요소와 코드에서 해당 참조에 부착 된 모든 이벤트 핸들러를 볼 수 있습니다.

+0

이벤트 ** 처리기 ** 이벤트를 나열합니다. – Quentin

+0

그래, 고쳐, 고마워! – Zenoo

+0

질문은 이벤트 처리기가 아니라 이벤트에 대해 묻습니다. – Quentin

관련 문제