JavaScript中級編！？カスタムイベントを使おう | Hypertext Candy
この記事では、JavaScript のカスタムイベントについて紹介します。 タイトルに「中級編！？」とありますが、文法自体は全然むずかしくないです。ただ、入門書などではあまり触れられていないようです。 イベント自体がとても JavaScript らしい機能ですし、カスタムイベントは覚えておくとここぞというときにプログラムの表現の幅は広がるので、チェックして損はありません。 イベントとは イベントは基本的に HTML 要素から発行されます。一番馴染みのあるイベントは「クリック」でしょう。 const buttonElem = document.querySelector('.button'); buttonElem.addEventListener('click', function(event) { // 第一引数はイベントに関する情報が詰まったオブジェクト // たとえばevent.ta
phiary
JavaScript の dispatchEvent の情報があまりにも少なかったので解説用にサンプルを作ってまとめてみました. このエントリーでは dispatchEvent の基本的な使い方と活用例について解説します. うまく使えばネイティブっぽく JavaScript を拡張したりってこともできる便利な関数です. About 今回制作したサンプルデモは２つ. 最初のサンプルはイベントを発行するサンプルです. boxB をクリックした際に boxA のクリックイベントも発生するようになっています. 2つ目のサンプルは rightclick イベント という 右クリックしたときのみ発行する独自イベントを定義しています. Code 今回制作したサンプルデモ１個目の全体コードです. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <l
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
