OffiDocs を使用して Chrome でアクティブな行を強調表示する

説明：

OffiDocs Chromium オンラインを使用して、Chrome オンライン ウェブ ストア拡張機能 Highlight Active Row を実行します。

この拡張機能は、現在選択されているテーブル行をより見やすくすることで、誤ったデータ入力を防ぐのに役立ちます。

テーブル内の入力ボックスが選択されるたびに、テーブル行全体のスタイルが変更されます。

目標は、現在どの行にデータを入力しているかを明確にして、間違った行にデータを入力する可能性を減らすことです。

仕組み: 拡張機能は、'focusin'/'focusout' イベント リスナーをルート ドキュメント オブジェクトに追加する小さなスクリプトを挿入します。

「focusin」イベントが発生すると、イベントが開始されます。

を探して DOM をトラバースします。 親要素。

もしもが見つかった場合、インライン スタイルをプリセットのハイライト スタイルに設定します。

「focusout」イベントが発生すると、イベントが開始されます。

を探して DOM をトラバースします。 親要素。

もしもインラインスタイルをクリアします。

その他の詳細: * 新しい Web サイトに初めてアクセスするときに、拡張機能のアイコンをクリックし、コンテキスト メニューから [このドメインのアクティブ行のハイライトを有効にする] を選択して、拡張機能を有効にする必要があります。

これにより、ユーザーは選択した Web サイトでのみ拡張機能を実行できます。

* 現在、停止する前にチェックする親の数を制限する 5 のハード セット MAX_DEPTH があります。

これにより、テーブルに接続されていないノードの不要な DOM トラバースがすべて防止されますが、入力がまたはXNUMXつ。

今後の機能: - ユーザーがカスタム ハイライト スタイルを設定できるオプション ページを追加 これはオープン ソース プロジェクトです。

Highlight-Active-Row の Github ページにアクセスして、ソース コードを確認したり、バグを報告したり、貢献したりしてください。

https://github.

com/tomrule007/highlight-active-row バージョン履歴: 1.

2.

1: ページ変更時にユーザーが拡張機能をリロードする必要があるバグを修正しました。

1.

2.

0: ユーザーが各 Web サイトのドメイン 1 の拡張機能を有効/無効にできるようにします。

1.

0: 動的に追加されたコンテンツを処理する focusin/focusout イベントと委任に切り替えられました。

1.

0.

0: ロード時にイベント リスナーが各入力要素にアタッチされ、動的に追加されたコンテンツでは機能しませんでした。

追加情報：

- thomasjherzog 提供
- 平均評価 : 2.67 つ星 (まあまあ)
-開発者 このメールアドレスは、スパムロボットから保護されています。 アドレスを確認するにはJavaScriptを有効にする必要があります。

OffiDocs Chromium オンラインと統合された Active Row Web 拡張機能をハイライトします