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 相关文章推荐
JS获取父节点方法
Aug 20 Javascript
document.getElementById获取控件对象为空的解决方法
Nov 20 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 Javascript
javascript实现英文首字母大写
Apr 23 Javascript
javascript电商网站抢购倒计时效果实现
Nov 19 Javascript
第一次接触神奇的Bootstrap菜单和导航
Aug 01 Javascript
jQuery实现的网页换肤效果示例
Sep 20 Javascript
jQuery手指滑动轮播效果
Dec 22 Javascript
利用原生JS与jQuery实现数字线性变化的动画
Feb 24 Javascript
使用puppeteer破解极验的滑动验证码
Feb 24 Javascript
JavaScript中filter的用法实例分析
Feb 27 Javascript
JavaScript的垃圾回收机制与内存管理
Aug 06 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
使用PHP获取汉字的拼音(全部与首字母)
2013/06/27 PHP
php实现的一个很好用HTML解析器类可用于采集数据
2013/09/23 PHP
PHP学习笔记(一):基本语法之标记、空白、和注释
2015/04/17 PHP
php实现概率性随机抽奖代码
2016/01/02 PHP
javascript编程起步(第六课)
2007/02/27 Javascript
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
jquery之别踩白块游戏的简单实现
2016/07/25 Javascript
JS模拟实现方法重载示例
2016/08/03 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
2017/06/02 Javascript
react.js使用webpack搭配环境的入门教程
2017/08/14 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
2017/11/11 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
js继承的这6种方式!(上)
2019/04/23 Javascript
vue - vue.config.js中devServer配置方式
2019/10/30 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
2020/08/07 Javascript
跟老齐学Python之??碌某?? target=
2014/09/12 Python
Django model序列化为json的方法示例
2018/10/16 Python
Python opencv实现人眼/人脸识别以及实时打码处理
2019/04/29 Python
详解Python用三种方式统计词频的方法
2019/07/29 Python
python读取文件指定行内容实例讲解
2020/03/02 Python
CSS3的column-fill属性对齐列内容高度的用法详解
2016/07/01 HTML / CSS
Rockport乐步美国官网:风靡美国的白宫鞋
2016/11/24 全球购物
小米旗下精品生活电商平台:小米有品
2018/12/18 全球购物
Michael Kors加拿大官网:购买设计师手袋、手表、鞋子、服装等
2019/03/16 全球购物
Nisbets法国:英国最大的厨房和餐饮设备供应商
2019/03/18 全球购物
临床医学专业个人的自我评价
2013/09/27 职场文书
临床医学系毕业生推荐信
2013/11/09 职场文书
大学生职业生涯规划书前言
2014/01/09 职场文书
办公室文员自荐书
2014/02/03 职场文书
教师对学生的评语
2014/04/28 职场文书
学校交通安全责任书
2014/08/25 职场文书
涉及车辆房产分割的离婚协议书范文
2014/10/12 职场文书
毕业论文答辩演讲稿
2015/06/23 职场文书
初中班主任培训心得体会
2016/01/07 职场文书
实例详解Python的进程,线程和协程
2022/03/13 Python