javascript - Safari と Firefox でテーブルの列を選択してコピーできないようにしますか?

Question

私は基本的に、行番号用と実際のソース用の 2 つの列を持つテーブルにソースコードの一部を表示する小さなユーティリティに取り組んでいます。

次の CSS を使用すると、テキストが選択されているように見えないようにすることができることがわかりました。

table th {
    -moz-user-select: none;
    -webkit-user-select: none;
}

残念ながら、これは機能しません。テキストが選択されていないように見えますが、コピーして貼り付けるとコピーされます。

それで、実際にこれを行う方法はありますか？

score 0 · Accepted Answer

何が選択されるかは、DOM ツリー内の順序によって異なります。したがって、行番号を表示する html の前後にソース表示を配置する必要があります。ソース番号と行番号を別々の div に配置し、要素をフローティングすることが、おそらくこれを実現する最も簡単な方法です。

score 0 · Accepted Answer

問題の解決策は次の場所にあります。

score -1 · Accepted Answer

すべての行番号は、単一の tr 内の単一の td 内に存在する必要があります。行ごとに 1 つのtrを作成すると、行番号のコピーを防止できなくなります。

例については、このページのソースを参照してください: http://pastie.org/561138。

score -1 · Accepted Answer

それらを別のdivに入れてフローティングしてみましたか？

私もこれを見つけました。jQueryを使用してそれを行います。使用することも、分解して表示方法を理解してから使用することもできます。

4 に答える 4