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 相关文章推荐
前端开发的开始---基于面向对象的Ajax类
Sep 17 Javascript
今天是星期几的4种JS代码写法
Sep 17 Javascript
javascript实现简单的二级联动
Mar 19 Javascript
jQuery基于扩展简单实现倒计时功能的方法
May 14 Javascript
简单谈谈js的数据类型
Sep 25 Javascript
详解JS数值Number类型
Feb 07 Javascript
React学习笔记之高阶组件应用
Jun 02 Javascript
vue translate peoject实现在线翻译功能【新手必看】
Jun 07 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 jQuery
Vue中el-form标签中的自定义el-select下拉框标签功能
Apr 20 Javascript
JavaScript实现班级抽签小程序
May 19 Javascript
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
第二节--PHP5 的对象模型
2006/11/16 PHP
个人写的PHP验证码生成类分享
2014/08/21 PHP
PHP中error_reporting()用法详解
2015/08/31 PHP
jQuery 扩展对input的一些操作方法
2009/10/30 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
2012/01/13 Javascript
jQuery CSS()方法改变现有的CSS样式
2014/08/20 Javascript
Javascript 计算字符串在localStorage中所占字节数
2015/10/21 Javascript
基于javascript实现样式清新图片轮播特效
2016/03/30 Javascript
基于Node.js实现压缩和解压缩的方法
2018/02/13 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
2019/02/22 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
2019/05/08 Javascript
jquery中为什么能用$操作
2019/06/18 jQuery
JS实现手写 forEach算法示例
2020/04/29 Javascript
React实现评论的添加和删除
2020/10/20 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
2020/10/23 Javascript
[47:53]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#2COL VS Spirit
2016/03/02 DOTA
简单介绍Python中的floor()方法
2015/05/15 Python
python制作花瓣网美女图片爬虫
2015/10/28 Python
Python使用Scrapy爬虫框架全站爬取图片并保存本地的实现代码
2018/03/04 Python
Python for循环与range函数的使用详解
2019/03/23 Python
Numpy数组array和矩阵matrix转换方法
2019/08/05 Python
Django中create和save方法的不同
2019/08/13 Python
Python二元赋值实用技巧解析
2019/10/25 Python
python3中sorted函数里cmp参数改变详解
2020/03/12 Python
Django Session和Cookie分别实现记住用户登录状态操作
2020/07/02 Python
THE OUTNET美国官网:国际设计师品牌折扣网站
2017/03/07 全球购物
美国最大的存储市场:SpareFoot
2018/07/23 全球购物
当我正在为表建立索引的时候,SQL Server 会禁止对表的访问吗
2014/04/28 面试题
销售代表求职自荐信
2013/10/01 职场文书
业务代表的岗位职责
2013/11/16 职场文书
建筑工程专业大学生求职信
2014/04/23 职场文书
普通党员个人剖析材料
2014/10/08 职场文书
成本会计岗位职责
2015/02/03 职场文书
法律意见书范文
2015/06/04 职场文书
Python 解决空列表.append() 输出为None的问题
2021/05/23 Python
SQL模糊查询报:ORA-00909:参数个数无效问题的解决
2021/06/21 Oracle