vueページの内容の選択禁止機能を実現します。入力ボックスとテキストフィールドのみ選択できます。


インターネットでひっくり返しました。全部で二つの方法を見つけました。
CSSスタイル制御は、下のコードをvueアプリケーションにコピーするだけで、index.ファイルのbodyタグにコピーします。

*{ 
 -webkit-touch-callout:none; /*         */ 
 -webkit-user-select:none; /*webkit   */ 
 -khtml-user-select:none; /*     */ 
 -moz-user-select:none;/*  */ 
 -ms-user-select:none; /*IE10*/ 
 user-select:none; 
} 
input{ 
 -webkit-user-select:auto; /*webkit   */  
}
textarea{
 -webkit-user-select:auto; /*webkit   */
}
js制御方式は、onselectstart()、onselectを書き換える必要があります。下のコードをbodyタグにコピーすればいいです。このような書き方は入力枠とテキスト領域も選択できません。

onselectstart='return false'
onselect='return false'
oncontextmenu='return false' #        
以上のこのvueはページの内容が選択機能を禁止することを実現しました。入力ボックスとテキストドメインだけが選択可能です。皆さんに共有されている内容は全部まとめられています。参考にしてもらいたいです。どうぞよろしくお願いします。