Méthode JS pour effacer les compétences content_javascript sélectionnées

L'exemple de cet article décrit la méthode JS pour effacer le contenu sélectionné. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Aujourd'hui, je faisais un effet de glissement DIV et j'ai découvert que le texte sur la page serait sélectionné lors du glisser, j'ai donc cherché des informations sur JS effaçant le contenu sélectionné.

Trouvé dans les résultats obtenus : Dans les navigateurs Google, Firefox et Opera, l'objet window a l'attribut getSelection, mais pas dans IE. L'objet document dans IE possède un attribut de sélection, ce qui permet de résoudre le problème de suppression du contenu sélectionné sur la page.

Dans les navigateurs Google, Firefox et Opera, nous pouvons facilement effacer le contenu sélectionné via window.getSelection().removeAllRanges() . Dans IE, nous pouvons effacer le contenu sélectionné via document.selection.empty() .

On peut donc écrire ainsi :

var clearSlct= "getSelection" in window ? function(){
 window.getSelection().removeAllRanges();
} : function(){
 document.selection.empty();
};

"getSelection" dans window est utilisé pour déterminer si l'objet window contient l'attribut getSelection. Si c'est vrai, cela signifie que le navigateur actuel prend en charge getSelection, c'est-à-dire que le navigateur n'est pas un navigateur IE, et vice versa.

Si nous voulons empêcher les utilisateurs de sélectionner du contenu sur la page, nous pouvons faire ceci :

//防止鼠标选中内容（当鼠标松开时清除选中内容）
window.onmouseup=function(){
 clearSlct();
}
   
//防止通过键盘选中内容（当按键松开时清除选中内容）
window.onkeyup=function(){
 clearSlct();
}
 
//使用jQuery的方法
$(window).on("mouseup keyup",function(){
 clearSlct();
});

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.