ドラッグ効果でテキスト互換コードが選択されないようにする
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