ドラッグ効果でテキスト互換コードが選択されないようにする

849 ワード

css     :
-moz-user-select: none; /*  */
-webkit-user-select: none; /*webkit   */
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*     */
 user-select: none;

 
js     :

window.getSelection? window.getSelection().removeAllRanges():document.selection.empty();

相違点:
cssの設定方法は、ドラッグ効果の有無にかかわらず、ユーザーが文字を選択することを禁止することです.
jsの設定方法は、ドラッグ時に文字の選択を禁止することを保証するためです.
コードの例は次のとおりです.
 document.onmousemove = function () {
    window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
 }

これでマウスをドラッグするとテキストが選択されなくなります
転載先:https://www.cnblogs.com/Sky-Ice/p/10137284.html