JS-Methode zum Löschen ausgewählter content_javascript-Fähigkeiten

Das Beispiel in diesem Artikel beschreibt die JS-Methode zum Löschen ausgewählter Inhalte. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Heute habe ich einen DIV-Zieheffekt erstellt und festgestellt, dass beim Ziehen der Text auf der Seite ausgewählt wird. Deshalb habe ich nach Informationen darüber gesucht, wie JS den ausgewählten Inhalt löscht.

In den erhaltenen Ergebnissen gefunden: In den Browsern Google, Firefox und Opera verfügt das Fensterobjekt über das getSelection-Attribut, jedoch nicht im IE. Das Dokumentobjekt im IE verfügt über ein Auswahlattribut, sodass das Löschen des ausgewählten Inhalts auf der Seite gelöst werden kann.

In den Browsern Google, Firefox und Opera können wir den ausgewählten Inhalt einfach über window.getSelection().removeAllRanges() löschen. Im IE können wir den ausgewählten Inhalt über document.selection.empty() löschen.

Wir können also so schreiben:

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

„getSelection“ im Fenster wird verwendet, um zu bestimmen, ob das Fensterobjekt das getSelection-Attribut enthält. Wenn dies wahr ist, bedeutet dies, dass der aktuelle Browser getSelection unterstützt, dh der Browser ist kein IE-Browser und umgekehrt.

Wenn wir verhindern möchten, dass Benutzer Inhalte auf der Seite auswählen, können wir Folgendes tun:

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

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.