JavaScript获取文本框内选中文本的方法


Posted in Javascript onFebruary 20, 2015

本文实例讲述了JavaScript获取文本框内选中文本的方法。分享给大家供大家参考。具体分析如下:

这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本。
需要注意ie的问题。

代码如下:

<script type="text/javascript">

function getFieldSelection(select_field)

{

    word='';

    if (document.selection) {

        var sel = document.selection.createRange();

        if (sel.text.length > 0) {

            word = sel.text;

        }

    }

    else if (select_field.selectionStart || select_field.selectionStart == '0') {

        var startP = select_field.selectionStart;

        var endP = select_field.selectionEnd;

        if (startP != endP) {

            word = select_field.value.substring(startP, endP);

        }

    }

    return word;

}

</script>

<textarea id="a" rows="3" cols="20">选择我,然后点击下面的按钮</textarea><br />

<button onclick="alert(getFieldSelection(document.getElementById('a')))">button_click</button>

<br />

<strong>

注:当在IE里使用非按钮的元素onclick触发事件的时候,会得不到结果。因为在IE里,当一个非按钮元素被click,整个页面中的选择内容将会被改变。而在firefox,opera下就不存在这个问题。所以上面的(Span_onclick)在IE下将不可用。

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
帮助避免错误的Javascript陷阱清单
May 31 Javascript
如何让DIV可编辑、可拖动示例代码
Sep 18 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
Mar 14 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
Dec 02 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
May 07 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
Dec 13 Javascript
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
Feb 10 Javascript
bootstrap响应式表格实例详解
May 15 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
JS简单获得节点元素的方法示例
Feb 10 Javascript
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
jQuery常用数据处理方法小结
Feb 20 #Javascript
jQuery数据缓存用法分析
Feb 20 #Javascript
jQuery性能优化技巧分析
Feb 20 #Javascript
jQuery源码解读之removeClass()方法分析
Feb 20 #Javascript
jQuery源码解读之addClass()方法分析
Feb 20 #Javascript
jQuery源码解读之hasClass()方法分析
Feb 20 #Javascript
jQuery源码解读之removeAttr()方法分析
Feb 20 #Javascript
You might like
php的ajax框架xajax入门与试用介绍
2010/12/19 PHP
PHP7 安装event扩展的实现方法
2019/10/08 PHP
基于JavaScript 下namespace 功能的简单分析
2013/07/05 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
2013/12/11 Javascript
JavaScript函数详解
2015/02/27 Javascript
js实现仿微博滚动显示信息的效果
2015/12/21 Javascript
浅析如何利用angular结合translate为项目实现国际化
2016/12/08 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
javascript将url解析为json格式的两种方法
2017/08/18 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
2018/03/21 Javascript
JavaScript 高性能数组去重的方法
2018/09/20 Javascript
详解Webpack4多页应用打包方案
2020/07/16 Javascript
Vue实现手机计算器
2020/08/17 Javascript
JavaScript代码简化技巧实例解析
2020/09/09 Javascript
如何在面试中手写出javascript节流和防抖函数
2020/10/22 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
2020/11/16 Javascript
[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
[01:18:31]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第一场 1月10日
2021/03/11 DOTA
用Python输出一个杨辉三角的例子
2014/06/13 Python
Python写的PHPMyAdmin暴力破解工具代码
2014/08/06 Python
使用python画个小猪佩奇的示例代码
2018/06/06 Python
python 读取视频,处理后,实时计算帧数fps的方法
2018/07/10 Python
基于wxPython的GUI实现输入对话框(1)
2019/02/27 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
jupyter notebook 实现matplotlib图动态刷新
2020/04/22 Python
Python-split()函数实例用法讲解
2020/12/18 Python
CSS3 :default伪类选择器使用简介
2018/03/15 HTML / CSS
特步官方商城:Xtep
2017/03/21 全球购物
StubHub新西兰:购买和出售你的门票
2019/04/22 全球购物
致长跑运动员加油稿
2014/02/20 职场文书
cf收人广告词大全
2014/03/14 职场文书
派出所所长先进事迹
2014/05/19 职场文书
毕业实习单位意见
2015/06/04 职场文书
责任书格式
2019/04/18 职场文书
漫画「请问您今天要来点兔子吗?」最新杂志彩页公开
2022/03/24 日漫