場合によっては、マウスでテキスト部分を選択する必要があります。これは、ウィンドウの選択オブジェクトを使用して実行できます。
window.getSelection()を使用して 、ウィンドウの選択オブジェクトを取得します。
HTML部分:
<div id="box">
测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
</div>
テキストが選択されると、マウスは最終的に解放されます(マウスアップ)。したがって、mouseupイベントが必要です。
JavaScriptの部分:
let box = document.getElementById("box");
box.addEventListener("mouseup",function(){
let selectedText = window.getSelection().toString(); // 把选中的内容转为字符串。
if( selectedText.trim() !== ""){ // 去掉字符两边的空白
console.info( selectedText );
}
});
もちろん、ユーザーがコンテンツを選択することを禁止することもできます。
let box = document.getElementById("box");
box.addEventListener("mouseup",function(){
window.getSelection().removeAllRanges(); // 去掉所有选中范围,也就是禁止选择内容
});