ブラウザの互換性は、実際の開発では見落とされがちな最も重要な部分です。古いバージョンのブラウザの互換性の問題について話す前に、まず機能検出とは何かを理解する必要があります。これは、ブラウザにこの機能があるかどうかを検出するために、つまり、現在のブラウザが呼び出されるプロパティまたはメソッドをサポートしているかどうかを判断するために使用されます。以下に簡単な紹介をいくつか示します。 1. innerText と innerContent JavaScriptコードコンテンツをクリップボードにコピー
2. 兄弟ノード/要素の取得における互換性の問題 1) すべてのブラウザでサポートされているブラザーノード ①nextSibling 次の兄弟ノード。非要素ノードの場合もある。テキストノードが取得される。 ②previousSibling 前の兄弟ノード。非要素ノードの場合もある。テキストノードが取得される。 2) 兄弟要素はIE8より前ではサポートされていません ①previousElementSiblingは、空白を無視して、前の隣接する兄弟要素を取得します。 ②nextElementSiblingは、空白を無視して次の隣接する兄弟要素を取得します。 JavaScriptコードコンテンツをクリップボードにコピー
JavaScriptコードコンテンツをクリップボードにコピー
JavaScriptコードコンテンツをクリップボードにコピー
JavaScriptコードコンテンツをクリップボードにコピー
JavaScriptコードコンテンツをクリップボードにコピー
3. 配列.filter(); JavaScriptコードコンテンツをクリップボードにコピー
// 配列を走査する JavaScriptコードコンテンツをクリップボードにコピー
JavaScriptコードコンテンツをクリップボードにコピー
JavaScriptコードコンテンツをクリップボードにコピー
6. イベントオブジェクト 1) イベントパラメータeは標準的な方法で取得されるイベントオブジェクトです。 btn.onclick = 関数(e) { } 2) e.eventPhase イベントフェーズ、IE8 より前ではサポートされていません 3) e.target は常にイベントをトリガーしたオブジェクト (クリックされたボタン) です。 i) IE8 以前の srcElement ii) ブラウザの互換性 var target = e.target || window.event.srcElement; JavaScriptコードコンテンツをクリップボードにコピー
7. ページ上のマウスの位置を取得する ① 可視領域内の位置: e.clientX e.clientY ②文書内の位置: ii) ブラウザの互換性 JavaScriptコードコンテンツをクリップボードにコピー
8. ページのスクロール距離を取得するJavaScriptコードコンテンツをクリップボードにコピー
9. テキストの選択を解除JavaScriptコードコンテンツをクリップボードにコピー
JavaScript におけるブラウザ互換性の問題に関する上記の簡単な説明は、エディターが皆さんと共有する内容のすべてです。これが皆さんの参考になれば幸いです。また、123WORDPRESS.COM をサポートしていただければ幸いです。 |
<<: Dockerコンテナは定期的にデータベースをバックアップし、指定されたメールボックスに送信します(設計アイデア)
>>: vue3+TypeScript+vue-routerの使い方
目次1.配列を初期化する2. 配列の合計、最大値、最小値3. エラー値をフィルタリングする4. 論理...
仮想マシンに独自の LAN IP を持たせたいので、テストを容易にするためにブリッジを使用します。 ...
導入コンパイル、インストール、問題の解決後、Nginx は正常に動作していますが、現時点では Ngi...
関連記事:初心者が学ぶ HTML タグ (2)導入された HTML タグは、必ずしも XHTML 仕...
目次前提条件テストページの設定書き換えルールの作成命名規則モードの定義アクションの定義設定ファイル内...
目次概要問題の説明循環リンクリスト順序付き配列数学的再帰要約する概要ジョセフ・リング問題は、ジョセフ...
目次1. 親コンポーネントが子コンポーネントに値を渡す1. 親コンポーネント.vue 2. サブコン...
重複キーの置換と挿入の違い置換の使用法競合がない場合、挿入と同等となり、他の列のデフォルト値が使用さ...
目次序文1. クロージャとは何ですか? 1.1 クロージャは条件コードを満たす1.2 クロージャ生成...
質問最近、以下に示すように、テキストストローク効果を実現するという要件に遭遇しました。 解決策1まず...
Mysql でよく使用される表示コマンド1. 現在のデータベース サーバー内のデータベースの一覧を表...
背景現在、会社のプロジェクトは、フロントエンドとバックエンドが分離された方法で開発されています。新し...
<br />「良いデザインとは何か」と答える 1 万人に対して、少なくとも 1 万 1 ...
目次典型的なケース付録: 一般的なインデックス障害の状況典型的なケース次の構造を持つ 2 つのテーブ...
現在、.net Core はクロスプラットフォームであり、誰もが Linux と Docker を使...