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 の同期または非同期の問題の理解

推薦する

CSS 使用のヒントのまとめ

最近、ブログのアップグレードを始めました。テンプレートを変更する過程で、CSS スタイルシートを書き...

htmlハイパーリンクaのクリックイベントの後、hrefで指定されたアドレスにジャンプします。

場合によっては、ジャンプを完了するために href の代わりにハイパーリンク <a> を...

MySQL接続クエリにおけるととwhereの違いの簡単な分析

1. テーブルを作成する テーブル「学生」を作成( `id` int(11) NULLではない、 `...

DockerでGDBを使用するときにブレークポイントを入力できない問題を解決する

質問docker で gdb を実行すると、ブレークポイントに到達しますが、ブレークポイントに入るこ...

MySQL における 8 つの一般的な SQL 使用例

序文MySQL は、2016 年もデータベースの人気において力強い成長傾向を維持し続けました。 My...

3つの簡単な例を使ってハイパーリンクの下線を削除する方法

ハイパーリンクの下線を削除するには、スタイルシート CSS を使用する必要があります。当面は CSS...

マージンの重複問題を解決する方法

1. まず、2つ以上の隣接する通常フローブロック要素の垂直マージンの崩壊を引き起こす原因を知る必要が...

Mysqlのインポートとエクスポート時に発生する問題の解決

背景すべての業務を Docker の運用管理に移行してから、一連の落とし穴に遭遇しましたが、今回は ...

Nginx ロードバランシングの設定方法

目次Nginx 負荷分散構成Nginx 負荷分散戦略ポーリング(デフォルト)重さip_ハッシュ公正(...

MySQLの文字タイプは大文字と小文字を区別します

デフォルトでは、MySQLの文字タイプは大文字と小文字を区別しません。つまり、name='A...

Win10 64 ビットで圧縮パッケージを使用して最新の MySQL 8.0.18 をインストールするチュートリアル (画像とテキスト付き)

WIN10 64ビットに最新のMySQL8.0.18をインストールダウンロード公式サイトから最新バ...

img usemap 属性 中国地図リンク

HTML img タグ: Web ページに導入される画像を定義します。興味深い usemap 属性も...

シームレスなカルーセルを実現するjQueryプラグイン

シームレス カルーセルは非常に一般的なエフェクトであり、ロジックを理解すれば非常に簡単です。効果は以...

Webフロントエンド開発経験の概要

XMLファイルは、可能な限りutf-8でエンコードする必要があります。gb2312には、?など、保存...

リンクをクリックしたときに表示される点線のボックスを削除するいくつかの方法

削除する方法はいくつかあります:リンクを直接追加するonfocus="this.blur(...