[Javascript] Event
4770 ワード
🛹 JavaScriptイベント
ブラウザ画面に表示される特定のアクションを指します.例えば、ボタンをクリックすると、フォントの色が変わったり、あいまいになったりします.
⚽ addEventListener( )
EventTargetオブジェクトからのイベントを処理するオブジェクト.
次のコードは、ボタンをクリックするとalertウィンドウが表示されるイベントを作成します.
イベント参照リンク 1)
<button type="button" id="btn">Click!</button>
<script>
const Btn = document.getElementById('btn');
Btn.addEventListener('click', function(){
alert('OK!');
});
</script>
2)
<button type="button" onClick="boom()">Click!</button>
<script>
function boom () {
alert('OK!');
}
</script>
🏳🌈 注意事項!
IE 9以上の動作.
IE 8以下ではattachEvent( )を使用する.
(リンク->CTRL+F->添付ファイルの検索)
🚲 removeEventListener( )
登録されたイベントリスナーを削除します.
removeEventListenerコメントリンク
Reference
この問題について([Javascript] Event), 我々は、より多くの情報をここで見つけました
https://velog.io/@myanne/Javascript-Event
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
1)
<button type="button" id="btn">Click!</button>
<script>
const Btn = document.getElementById('btn');
Btn.addEventListener('click', function(){
alert('OK!');
});
</script>2)
<button type="button" onClick="boom()">Click!</button>
<script>
function boom () {
alert('OK!');
}
</script>Reference
この問題について([Javascript] Event), 我々は、より多くの情報をここで見つけました https://velog.io/@myanne/Javascript-Eventテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol