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

推薦する

Vue ユニットテストに関する予備調査

目次序文なぜユニットテストを導入するのですか?ユニットテストの概要テスト開発パターン1. テスト駆動...

LinuxでLVMディスクを拡張する詳細な手順

1.ハードディスクを追加する2. パーティションの状態を確認します: fdisk -l 3. パーテ...

CentOS 7.2 に SuPHP をインストールするための詳細な手順

デフォルトでは、CentOS 7 上の PHP は apache または nobody として実行さ...

WeChatアプレットはキャンバスを使用して時計を描画します

この記事では、キャンバスを使用してWeChatアプレットに時計を描く具体的なコードを参考までに共有し...

MySQL の不正な文字列値の解決方法

MySQL を使用して中国語の文字を挿入すると、多くの友人から次のエラーが報告されます。 これは、文...

MySQL InnoDB のトランザクション特性を確保するにはどうすればよいですか?

序文「データベース トランザクションの特徴は何ですか?」と尋ねられたら、 ACID 特性である原子性...

Centos6.9 インストール Mysql5.7.18 ステップ記録

インストール手順 rpm -ivh mysql-コミュニティ-共通-5.7.18-1.el7.x86...

Tomcat サーバーの設定と Web プロジェクトの公開に関する IDEA グラフィック チュートリアル

1. Webプロジェクトを作成したら、Tomcatを例にサーバーを構成する必要があります。 2. 実...

HTML入力ボックスの最適化により、ユーザーエクスペリエンスと使いやすさが向上します。

ユーザーエクスペリエンスと使いやすさを向上させるために、入力ボックスなど、Web ページでユーザーが...

ドメイン名を介してプロジェクトにアクセスするnginx + tomcatの例

ドメイン名を使ってプロジェクトにアクセスする方法が気になったのですが、自分でドメイン名を取得するのは...

ウェブサイト制作におけるオンライン広告の新しいインタラクティブ体験(グラフィックチュートリアル)

インターネット時代が成熟するにつれて、オンライン広告の発展も加速しています。圧倒的な広告収入と完璧な...

Docker+nacos+seata1.3.0 のインストールと使用設定チュートリアル

これに先立ち、1日かけてやってみました。Seataは使い方が簡単で超シンプルですが、インストールや設...

MySQL/MariaDB で完全な Unicode をサポートする方法

目次utf8mb4 の紹介UTF8 バイト数超過エラーutf8mb4 サポートデフォルトの文字エンコ...

Linuxドライバのプラットフォームバスの詳細説明

目次1. プラットフォームバスの紹介1.1. Linuxドライバの分離と階層化1.1.1. Linu...