javascript获取选中的文本的方法代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body { font-size:12px; }
#show { background-color:#CCFF99; }
</style>
</head>
<body>
<textarea id="content" cols="30" rows="10">
河中鱼类离奇死亡，下游居民频染怪病，沿岸植物不断变异，是残留农药？还是生化攻击？敬请关注今晚CCTV-10《科学探索》，即将播出的专题节目：《神秘的河边洗脚人--中国男足》
</textarea>
<button id="btn">获取选中值</button>
<div id="show"></div>
<script>
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g, "");
}
/* 方法一 FF下有点问题 */
function getSelectText() {
try{
// IE: document.selection.createRange() W3C:window.getSelection()
var selectText = (document.selection && document.selection.createRange )? document.selection.createRange().text : window.getSelection().toString();
if(selectText != null && selectText.trim() != ""){
return selectText;
}
}catch(err){}
}
/* 方法二 */
function getSelectText2(id) {
var t = document.getElementById(id);
if(window.getSelection) {
if(t.selectionStart != undefined && t.selectionEnd != undefined) {
return t.value.substring(t.selectionStart, t.selectionEnd);
} else {
return "";
}
} else {
return document.selection.createRange().text;
}
}
document.getElementById('btn').onclick = function() {
document.getElementById('show').innerHTML = getSelectText2('content');
}
</script>
</body>
</html>
相关文章
刚才一个朋友告诉我他的blog友情链接太多了，所以把所有链接放到一个DIV中，加了个滚动条，可是他又不想每次别人来看，看到的都是前面几个链接，于是问我有没有什么办法，想了一个，呵呵，正好有个办法2008-11-11
本文给大家汇总分享了几种使用javascript实现判断图片路径是否存在的代码，都是平时项目中用到过的，这里总结一下，有需要的小伙伴可以参考下。2015-04-04
这篇文章主要介绍了原生JS实现多个小球碰撞反弹效果,结合完整实例形式分析了javascript实现小球碰撞的相关数值计算、随机数生成、事件响应等操作技巧,需要的朋友可以参考下2018-01-01
这篇文章主要介绍了JS判断客服QQ号在线还是离线状态的方法,可实现完整的判断QQ在线及对话的功能,是非常实用的技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了一文掌握JavaScript数组常用工具函数总结，文章围绕主题展开详细的内容介绍，具有一定的参考价值2022-06-06
这篇文章主要介绍了微信小程序开发中实现事件传参与数据同步的详细流程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2022-10-10
这篇文章主要介绍了JS中Promise的使用及封装方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
详细聊聊TypeScript中any unknown never和void的区别
这篇文章主要给大家聊聊TypeScript 中 any、unknown、never 和 void 有什么区别，文中有详细的代码实例讲解，具有一定的参考价值,需要的朋友可以参考下2023-07-07
这篇文章主要为大家详细介绍了原生JS实现翻书特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
three.js是一款webGL框架，由于其易用性被广泛应用。接下来通过本文给大家分享three.js加载obj模型的实例代码，需要的朋友参考下吧2017-11-11
最新评论