【css】要素を選択不可にする

jQuery UI 1.9 で .disableSelection() はdeprecated(非推奨)になっている¹。

だから、CSSで代替する²(か、そもそもweb画面上のものを選択不可にしたりするのを止めるかした)方がいい。

* {
   -ms-user-select: none; /* IE 10+ */
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

.selectable {
   -ms-user-select: auto;
   -moz-user-select: auto;
   -khtml-user-select: auto;
   -webkit-user-select: auto;
   user-select: auto;
}

このCSS要素はOpera Mini 以外の主要ブラウザでサポートされているとのこと³。

参考と注釈

【jQuery UI】テキストの選択を無効にする(disableSelection) - Qiita

Why is .disableSelection() deprecated? - stack overflow

---

1. .disableSelection() - jQuery UI 1.12 API Documentation ↩

2. jQuery UI の.disableSelection()がdeprecated（非推奨）になってる件 - kamegu's memo ↩

3. Can I use user-select ?  ↩