JavaScriptでサポートされている主なHTMLイベント一覧
JavaScriptでサポートされている主なHTMLイベント
HTMLイベントとは、ユーザーによる操作やブラウザの動作をきっかけに、あらかじめ登録しておいたスクリプトを実行できる仕組みのことです。JavaScriptでは、onclick や ondrag といったイベントハンドラ属性をHTML要素に指定することで、さまざまな場面に応じた処理を実装できます。
以下の表に、JavaScriptで利用できる代表的なHTMLイベントと、それぞれの発生タイミングをまとめました。
| 属性 | 値 | 説明 |
|---|---|---|
| onclick | script | 要素がマウスでクリックされたときに発生します |
| oncontextmenu | script | コンテキストメニュー（右クリックメニュー）が呼び出されたときに発生します |
| ondblclick | script | 要素がマウスでダブルクリックされたときに発生します |
| ondrag | script | 要素がドラッグされている間、継続的に発生します |
| ondragend | script | ドラッグ操作が終了したときに発生します |
| ondragenter | script | ドラッグ中の要素が有効なドロップ先に入ったときに発生します |
| ondragleave | script | ドラッグ中の要素が有効なドロップ先から離れたときに発生します |
| ondragover | script | ドラッグ中の要素が有効なドロップ先の上にあるときに発生します |
| ondragstart | script | ドラッグ操作が開始されたときに発生します |
| ondrop | script | ドラッグ中の要素がドロップされたときに発生します |
| ondurationchange | script | 動画や音声などメディアの再生時間（長さ）が変更されたときに発生します |
-
JavaScriptの関数式（Function Expression）とは？特徴と使い方を解説
JavaScriptにおける関数式（Function Expression）とは、関数を変数に代入して定義する方法のことです。代入された関数は、その変数名を使って後から呼び出すことができます。 関数式の主な特徴 関数を変数に格納し、変数名を指定して呼び出せる 通常の関数宣言（function declaration）と異なり、ホイスティング（巻き上げ）が行われないため、定義よりも前に呼び出すことはできない 多くの場合、名前を持たない「無名関数（匿名関数）」として定義される コールバック関数や即時実行関数（IIFE）など、さまざまな場面で活用できる この「ホイスティングされない」という点が重
-
JavaScriptのクロージャとは？仕組みと実装例をわかりやすく解説
クロージャとはJavaScriptにおけるクロージャ（Closure）とは、外側の関数の実行が完了して値を返した後であっても、内側の関数から外側の関数のスコープ（変数）にアクセスできる仕組みのことです。言い換えれば、内側の関数は、外側の関数の変数に対して常にアクセスできるということです。この性質を活用することで、データを外部から直接操作されないように隠蔽したり、関数の呼び出し間で状態を保持する処理を実現したりすることが可能になります。クロージャのサンプルコード以下は、JavaScriptでクロージャを使用した具体的なコード例です。ボタンをクリックすると、クロージャによって保持された値を使って2