HTMLテキストの一般的なイベントとメソッドの詳細な説明

HTMLテキストの一般的なイベントとメソッドの詳細な説明
イベントの説明
onactivate: オブジェクトがアクティブ要素として設定されたときに発生します。
onafterupdate: データ ソース オブジェクト内の関連オブジェクトが正常に更新された後に、データ バインド オブジェクトでトリガーされます。
onbeforeactivate: オブジェクトが現在の要素として設定される直前に発生します。
onbeforecut: 選択した領域がドキュメントから削除される前に、ソース オブジェクトに対して発生します。
onbeforedeactivate: activeElement が現在のオブジェクトから親ドキュメント内の他のオブジェクトに変更される直前にトリガーされます。
onbeforeeditfocus: 編集可能な要素に含まれるオブジェクトがユーザー インターフェイスのアクティブ状態になる前、または編集可能なコンテナーがコントロール選択領域になる前にトリガーされます。
onbeforepaste: 選択した領域がシステム クリップボードからドキュメントに貼り付けられる前に、ターゲット オブジェクトでトリガーされます。
onbeforeupdate: データ ソース オブジェクト内の関連オブジェクトが正常に更新される前に、データ バインド オブジェクトでトリガーされます。
onblur: オブジェクトが入力フォーカスを失ったときにトリガーされます。
onchange: オブジェクトまたは選択領域の内容が変更されたときにトリガーされます。
onclick: ユーザーがマウスの左ボタンでオブジェクトをクリックしたときにトリガーされます。
oncontextmenu: ユーザーがクライアント領域を右クリックしてコンテキスト メニューを開いたときにトリガーされます。
oncontrolselect: ユーザーがオブジェクトのコントロールを選択しようとしているときにトリガーされます。
oncut: オブジェクトまたは選択範囲がドキュメントから削除され、システム クリップボードに追加されたときに、ソース要素で発生します。
ondblclick: ユーザーがオブジェクトをダブルクリックしたときにトリガーされます。
ondeactivate: activeElement が現在のオブジェクトから親ドキュメント内の別のオブジェクトに変更されたときにトリガーされます。
ondrag: ドラッグ操作の進行中にソース オブジェクトに対して継続的に発生します。
ondragend: ドラッグ操作の終了時にユーザーがマウスを放したときにソース オブジェクトで発生します。
ondragenter: ユーザーがオブジェクトを有効なドラッグ ターゲットにドラッグしたときに、ターゲット要素で発生します。
ondragleave: ドラッグ操作中にユーザーがマウスを有効なドラッグ ターゲットの外に移動すると、ターゲット オブジェクトで発生します。
ondragover: ユーザーがオブジェクトを有効なドラッグ ターゲット上にドラッグすると、ターゲット要素で継続的にトリガーされます。
ondragstart: ユーザーがテキスト選択または選択したオブジェクトのドラッグを開始したときに、ソース オブジェクトでトリガーされます。
ondrop: ドラッグ操作中にマウス ボタンが放されたときに、ターゲット オブジェクトで発生します。
onerrorupdate: データ ソース オブジェクト内の関連データの更新中にエラーが発生したときに、データ バインディング オブジェクトでトリガーされます。
onfilterchange: ビジュアル フィルターの状態が変化するか、遷移が完了したときに発生します。
onfocus: オブジェクトがフォーカスを取得したときにトリガーされます。
onfocusin: 要素がフォーカスされる前に発生します。
onfocusout: フォーカスを別の要素に移動した直後に、現在フォーカスされている要素で発生します。
onhelp: ブラウザが現在のウィンドウのときにユーザーが F1 キーを押したときにトリガーされます。
onkeydown: ユーザーがキーボードのキーを押したときにトリガーされます。
onkeypress: ユーザーがリテラルキーを押したときに発生します。
onkeyup: ユーザーがキーボードのキーを放したときにトリガーされます。
onlosecapture: オブジェクトがマウスのキャプチャを失ったときにトリガーされます。
onmousedown: ユーザーがマウス ボタンでオブジェクトをクリックしたときに発生します。
onmouseenter: ユーザーがマウス ポインターをオブジェクト内に移動したときに発生します。
onmouseleave: ユーザーがマウス ポインターをオブジェクトの境界外に移動したときにトリガーされます。
onmousemove: ユーザーがオブジェクト上でマウスを移動したときにトリガーされます。
onmouseout: ユーザーがマウス ポインターをオブジェクトの境界外に移動したときにトリガーされます。
onmouseover: ユーザーがマウス ポインターをオブジェクト内に移動したときに発生します。
onmouseup: マウスがオブジェクトの上にあるときにユーザーがマウス ボタンを放したときに発生します。
onmousewheel: マウスホイールボタンが回転したときにトリガーされます。
onmove: オブジェクトが移動したときにトリガーされます。
onmoveend: オブジェクトの移動が停止したときにトリガーされます。
onmovestart: オブジェクトが移動を開始したときにトリガーされます。
onpaste: ユーザーがデータを貼り付けてシステム クリップボードからドキュメントにデータを転送するときに、ターゲット オブジェクトでトリガーされます。
onpropertychange: オブジェクトのプロパティが変更されたときに発生します。
onreadystatechange: オブジェクトの状態が変化したときにトリガーされます。
onresize: オブジェクトのサイズが変更される直前にトリガーされます。
onresizeend: ユーザーがコントロールの選択領域内のオブジェクトのサイズの変更を完了したときにトリガーされます。
onresizestart: ユーザーがコントロールの選択領域内のオブジェクトのサイズを変更し始めたときにトリガーされます。
onselect: 現在選択されている領域が変更されたときにトリガーされます。
onselectstart: オブジェクトが選択されようとしているときにトリガーされます。
ontimeerror: 通常はプロパティを無効な値に設定することによって特定の時間エラーが発生したときに無条件に発生します。

方法の説明
addBehavior: 要素に動作を追加します。
appendChild: オブジェクトに子要素を追加します。
applyElement: 要素を別の要素の子または親にします。
attachEvent: 指定された関数をイベントにバインドし、オブジェクトでイベントがトリガーされるたびにその関数が呼び出されるようにします。
blur: 要素のフォーカスが失われ、onblur イベントがトリガーされます。
clearAttributes: オブジェクトからすべてのタグ属性と値を削除します。
click: クリックをシミュレートするために onclick イベントをトリガーします。
cloneNode: ドキュメント階層からオブジェクトへの参照をコピーします。
componentFromPoint: 特定のイベントを通じて、指定された座標にあるオブジェクトの位置を返します。
contains: オブジェクトに指定された要素が含まれているかどうかを確認します。
createTextRange: 要素の TextRange オブジェクトを作成します。
detachEvent: 指定された関数をイベントからアンバインドし、イベントがトリガーされたときに関数が通知を受信しないようにします。
dragDrop: ドラッグ イベントを初期化します。
fireEvent: オブジェクトの指定されたイベントをトリガーします。
focus: 要素にフォーカスを与え、onfocus イベントで指定されたコードを実行します。
getAdjacentText: 隣接するテキスト文字列を返します。
getAttribute: 指定されたタグ属性の値を取得します。
getAttributeNode: attribute.name 属性によって参照される属性オブジェクトを取得します。
getBoundingClientRect: 指定された TextRectangle オブジェクト コレクションにバインドされたオブジェクトを取得します。
getClientRects: オブジェクトのコンテンツまたはクライアント領域のレイアウトを記述する四角形のコレクションを取得します。各長方形は線を表します。
getExpression: 指定された属性の式を取得します。
hasChildNodes: オブジェクトに子オブジェクトがあるかどうかを示す値を返します。
insertAdjacentElement: 指定された位置に要素を挿入します。
insertAdjacentHTML: 指定された位置の要素に指定された HTML テキストを挿入します。
insertAdjacentText: 指定された位置に指定されたテキストを挿入します。
insertBefore: ドキュメント階層に要素を挿入します。
mergeAttributes: すべての読み取り/書き込みタグ属性を指定された要素にコピーします。
normalize: 隣接する TextNode オブジェクトを結合して、通常のドキュメント オブジェクト モデルを生成します。
releaseCapture: 現在のドキュメント内のオブジェクトのマウス キャプチャを解放します。
removeAttribute: オブジェクトから指定されたタグ属性を削除します。
removeAttributeNode: オブジェクトから属性オブジェクトを削除します。
removeBehavior: 要素を削除する動作。
removeChild: 要素から子ノードを削除します。
removeExpression: 指定された属性から式を削除します。
removeNode: ドキュメント階層からオブジェクトを削除します。
replaceAdjacentText: 要素の隣接するテキストを置き換えます。
replaceChild: 既存の子要素を新しい子要素に置き換えます。
replaceNode: オブジェクトを別の要素に置き換えます。
scrollIntoView: オブジェクトを表示範囲内にスクロールし、ウィンドウの上部または下部に配置します。
select: フォーム要素の入力領域を強調表示します。
setActive: オブジェクトをフォーカスとして設定せずに、オブジェクトを現在のオブジェクトとして設定します。
setAttribute: 指定されたタグ属性の値を設定します。
setAttributeNode: 属性オブジェクトをオブジェクトの一部として設定します。
setCapture: 現在のドキュメントに属するオブジェクトのマウス キャプチャを設定します。
setExpression: 指定されたオブジェクトの式を設定します。
swapNode: ドキュメント階層内の 2 つのオブジェクトの位置を交換します。

<<:  Docker に fastdfs イメージをインストールする際の注意事項

>>:  React における setState の同期または非同期の問題の理解

推薦する

MySQL ストアド関数の詳細な紹介

目次1. ストアド関数を作成する2. ストアド関数の呼び出し3. 保存された関数を削除する4. スト...

HTML スライドフローティングボールメニュー効果の実装

CSS スタイル html,本文{ 幅: 100%; 高さ: 100%; マージン: 0;パディング...

HTML の marquee 属性の詳細な説明

このタグはHTML3.2の一部ではなく、MSIE3以降のカーネルでのみサポートされているため、IEカ...

Linux でのマルチスレッドにおけるフォークの紹介

目次質問:ケース(1)子スレッドを作成する前にフォークするケース(2)子スレッドを作成した後にフォー...

進捗バーのネイティブ JavaScript 実装

進捗バーを実装するためのJavaScriptの具体的なコードは参考までに。具体的な内容は次のとおりで...

Linux環境でログファイルを表示するコマンドの詳細な説明

目次序文1. catコマンド: 2. moreコマンド: 3. lessコマンド: 4. headコ...

Spark SQL の 4 つの一般的なデータ ソースの詳細な説明

汎用ロード/書き込みメソッドオプションを手動で指定するSpark SQL の DataFrame イ...

海外のウェブページのカラーマッチング事例20選共有

この記事では、優れた Web ページのカラー マッチングの事例を 20 件集めて紹介します。これらの...

Vue での ref の使用法とデモンストレーション

ref 定義:要素またはサブコンポーネントの参照情報を登録するために使用されます。参照情報は、親コン...

MySQL関数の包括的な概要

目次1. MySQLでよく使われる文字列関数2. 数値関数3. 日付と時刻の機能4. プロセス機能5...

純粋な CSS3 で実装された三目並べゲーム

操作効果: html <div class="三目並べ"> <...

一定期間の日ごと、時間ごとの統計データを取得するMySQLの詳しい説明

毎日の統計情報を取得するプロジェクトを実行する際、プロジェクト ログを分析する必要があります。要件の...

CSS 評価効果の星の例

何?何のスターコートですか?さて、もっとわかりやすくするために写真を見てみましょう。 よく見ると、パ...

IIS を使用して X-Forwarded-For ヘッダー (XFF) を呼び出して訪問者の実際の IP を記録する 2 つの方法

問題: IIS を通じて公開された Web サイトは F5 デバイスの背後に配置されています。透過的...

JavaScript プロトタイプとプロトタイプチェーンの詳細

目次1. プロトタイプ(明示的なプロトタイプ) 2. __proto__ (暗黙のプロトタイプ) 3...