1

これは重複しているように見えますが、そうではないので読んでください... 私は思う... :) 私はここで答えに従いました: CSSまたはJavaScriptでテキスト選択を無効にするにはどうすればよいですか? ひねりを加えて。特定のフィールドの選択をプログラムで無効にしたいのですが、Chromeで次のようにします。

node.style.webkitUserSelect="none";

これはうまくいきます。ただし、Firefoxで次のことを試しました。

node.style.mozUserSelect="none";

しかし、これはうまくいきません。他のブラウザでは試していません。これを行う別の方法はありますか？そして、すべてのCSSルールが次のような「文書化された標準」ですか：

.rule {
    some-css-selector: value;
}

次のような JavaScript に翻訳できますか?

node.style.someCssSelector="value";

それとも、場合によってはうまくいくのは運だけですか？

4

2 に答える 2

4

接頭辞付きのプロパティでは、接頭辞は大文字で始まります。node.style.MozUserSelect="none";

于 2013-02-20T20:05:27.970 に答える
2

1 つのオプションは、CSS スタイルを作成し、そのクラスを必要なアイテムにプログラムで追加することです。

HTML

<div id="container">
  This is some text that should not be selectable!
</div>

CSS

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

JS

var container = document.getElementById("container");
container.className += " noselect";

jsfiddle

于 2013-02-20T20:07:58.827 に答える