すべてのイベントを表示するJavaScript

動的イベントの作成や文字列が正しいイベント名であるかどうかをチェックする方法については、javascriptのすべてのイベントをリストする方法を探しています。すべてのイベントを表示するJavaScript

お時間をいただきありがとうございます。

2017-12-20 Antonin Hattabe

異なるイベントFYI –

はあなたと[、最小完全、かつ検証]（https://stackoverflow.com/help/mcve）のコード例を含めるようにしてください異なる要素のために有効です質問。それは読者があなたの質問をよりよく理解し、最終的に正しい答えを提供するのに役立ちます。それはまた、あなたの要件を満たすために今まで自分が試したことを読者に示しています。 – RobC

異なるイベントは、異なるノードに対して有効です。

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); 
 
    } 
 
    } 
 
});

出典

2017-12-20 10:53:09

これはカスタムイベントを処理しません – Quentin

カスタムイベントはどういう意味ですか？ addEventListener（ 'myevent'）？私はOPがそれを望んでいたかどうかはわかりません –

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

Chromeがオプションの場合は、デベロッパーツールを使用できます。プレスF12

はデベロッパーツール
あなたは要素タブで検査したい要素をクリックを開きます。 イベント・リスナーの

クリックスタイルに近いタブタブ

あなたがここにあなたの要素と、コード内の参照に取り付けたすべてのイベントハンドラが表示されます。

出典

2017-12-20 10:44:45 Zenoo

イベント**ハンドラー**イベントをリストします。 – Quentin

うん、修正して、ありがとう！ – Zenoo

質問はイベントハンドラではなく、イベントについて質問しています。 – Quentin

すべてのイベントを表示するJavaScript

答えて

関連する問題