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 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
js 获取和设置css3 属性值的实现方法
May 06 Javascript
jquery实现的下拉和收缩效果示例
Aug 21 Javascript
微信小程序 JS动态修改样式的实现代码
Feb 10 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
Sep 22 Javascript
Vue-cli项目获取本地json文件数据的实例
Mar 07 Javascript
小程序测试后台服务的方法(ngrok)
Mar 08 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
Apr 01 Javascript
Angular value与ngValue区别详解
Nov 27 Javascript
Vue.js的模板语法详解
Feb 16 Javascript
微信小程序实现电子签名功能
Jul 29 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
Aug 14 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+Ajax实现表单验证的详解
2013/06/25 PHP
php class类的用法详细总结
2013/10/17 PHP
json的键名为数字时的调用方式(示例代码)
2013/11/15 PHP
php加密解密实用类分享
2014/01/07 PHP
教你如何在CI框架中使用 .htaccess 隐藏url中index.php
2014/06/09 PHP
php实现水印文字和缩略图的方法示例
2016/12/29 PHP
PHPUnit测试私有属性和方法功能示例
2018/06/12 PHP
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
2015/09/24 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
jQuery手风琴的简单制作
2017/05/12 jQuery
Nodejs中Express 常用中间件 body-parser 实现解析
2017/05/22 NodeJs
jQuery实现动态删除LI的方法
2017/05/30 jQuery
浅谈react 同构之样式直出
2017/11/07 Javascript
Bootstrap Table列宽拖动的方法
2018/08/15 Javascript
vue select选择框数据变化监听方法
2018/08/24 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
2018/10/16 Javascript
解决ele ui 表格表头太长问题的实现
2019/11/13 Javascript
python实现决策树、随机森林的简单原理
2018/03/26 Python
python统计多维数组的行数和列数实例
2018/06/23 Python
wxpython布局的实现方法
2019/11/01 Python
python迭代器常见用法实例分析
2019/11/22 Python
Python面向对象编程基础实例分析
2020/01/17 Python
CSS3对背景图片的裁剪及尺寸和位置的设定方法
2016/03/07 HTML / CSS
红色康乃馨酒店:Red Carnation Hotels
2017/06/22 全球购物
Linux如何修改文件和文件夹的权限
2013/09/05 面试题
final, finally, finalize的区别
2012/03/01 面试题
学校安全教育月活动总结
2014/07/07 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
带刀到教室的检讨书
2014/10/04 职场文书
党员民主评议个人总结
2014/10/20 职场文书
2014公司年终工作总结
2014/12/19 职场文书
学生检讨书怎么写
2015/05/07 职场文书
离婚起诉书范本
2015/05/18 职场文书
python第三方网页解析器 lxml 扩展库与 xpath 的使用方法
2021/04/06 Python
APP界面设计技巧和注意事项
2022/04/29 杂记