随身笔记
随身笔记

js获取选中的文本或者字符串

HTML:

<p>4月13日消息,据台湾媒体报道,32岁的孙燕姿(Sng Ee Tze)和后天将满34岁的荷兰籍印度尼西亚男友纳迪姆(Nadim Van Der Ros)交往5年,曾说过"有空就结婚"的她,果然趁着宣传期尾声,于3月31日在新加坡登记注册了!昨消息传开,她未否认,仅说会选择适当时间公布喜讯,所属"美妙音乐"则表示她个性低调,婚礼只会邀请双方亲友,也不会透露细节,但据新加坡可靠消息指出,婚宴订在5月初。</p>
<button id="button">选中一些文字,然后点击本按钮</button>

 

JS代码:

var oBtn = document.getElementById("button");
oBtn.onclick = function() {
 var userSelection, text;
 if (window.getSelection) { 
 //现代浏览器
   userSelection = window.getSelection();
 } else if (document.selection) { 
 //IE浏览器 考虑到Opera,应该放在后面
   userSelection = document.selection.createRange();
 }
 if (!(text = userSelection.text)) {  //IE支持有text属性来获取值
   text = userSelection.toString();   //现代浏览器有toString()获取值
 }
 alert(text);
};

注意:火狐不支持input  textarea 这些输入框的文本字符串选中获取,只能获取到选中在div p span的上的文本字符串上

效果:http://www.zhangxinxu.com/study/201104/get-selection-text.html

随身笔记

js获取选中的文本或者字符串
HTML: <p>4月13日消息,据台湾媒体报道,32岁的孙燕姿(Sng Ee Tze)和后天将满34岁的荷兰籍印度尼西亚男友纳迪姆(Nadim Van Der Ros)交往5年,曾说过"有空就结婚"的她,果然趁着宣…
扫描二维码继续阅读
2016-11-17