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

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

だから、CSSで代替する^reference方がいい。

* {
   -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. Can I use user-select ? ↩