vueページの内容の選択禁止機能を実現します。入力ボックスとテキストフィールドのみ選択できます。
インターネットでひっくり返しました。全部で二つの方法を見つけました。
CSSスタイル制御は、下のコードをvueアプリケーションにコピーするだけで、index.ファイルのbodyタグにコピーします。
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はページの内容が選択機能を禁止することを実現しました。入力ボックスとテキストドメインだけが選択可能です。皆さんに共有されている内容は全部まとめられています。参考にしてもらいたいです。どうぞよろしくお願いします。