<h3>你想不想知道用户选中了哪些信息?</h3>
<ol>
<li>
window.getSelection():返回Selection对象,其中toString()方法返回选中的文本信息;
<pre>
document.onmouseup = function () {
var wd = window.getSelection().toString();
if(wd && confirm('要去百度搜索?')){
window.open('https://www.baidu.com/s?wd=' + wd);//打开一个页面
}
}
</pre>
</li>
<li>
window.getSelection().toString()在获取input或textarea里面选中的文本信息上存在兼容问题;
可以使用如下方法得到:
<pre>
var myarea = document.querySelector('.myarea');
myarea.onmouseup = function () {
console.log(myarea.selectionStart); //选中信息的开始位置
console.log(myarea.selectionEnd);//选中内容的结束位置
var text = myarea.value.substring(myarea.selectionStart, myarea.selectionEnd);//截取选中的内容
console.log(text);
}
</pre>
</li>
</ol>