Compétences pratiques JavaScript: JS obtient le texte sélectionné ou interdit le texte sélectionné

Parfois, nous devons faire sélectionner la partie de texte à la souris, ce qui peut être fait en utilisant l'objet de sélection de la fenêtre .

Utilisez  window.getSelection () pour obtenir l'objet de sélection de la fenêtre.

Partie HTML:

<div id="box">
    测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
</div>

Lorsque le texte est sélectionné, la souris finira par se relâcher (mouseup). Par conséquent, l'événement mouseup est nécessaire.

Partie JavaScript:

 let box = document.getElementById("box");

 box.addEventListener("mouseup",function(){
        let selectedText =  window.getSelection().toString();   // 把选中的内容转为字符串。
        if( selectedText.trim() !== ""){    // 去掉字符两边的空白
            console.info( selectedText );
        } 
});

Bien entendu, les utilisateurs peuvent également être interdits de sélectionner un contenu.

let box = document.getElementById("box");

box.addEventListener("mouseup",function(){
    window.getSelection().removeAllRanges();  // 去掉所有选中范围，也就是禁止选择内容
});