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 相关文章推荐
发现的以前不知道的函数
Sep 19 Javascript
js调用flash的效果代码
Apr 26 Javascript
如何阻止复制剪切和粘贴事件为了表单内容的安全
May 23 Javascript
超实用的JavaScript表单代码段
Feb 26 Javascript
jquery中实现时间戳与日期相互转换
Apr 12 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
Sep 17 Javascript
Angularjs中ng-repeat的简单实例
Aug 25 Javascript
react 父组件与子组件之间的值传递的方法
Sep 14 Javascript
微信小程序实现topBar底部选择栏效果
Jul 20 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
Nov 02 Javascript
微信小程序用户盒子、宫格列表的实现
Jul 01 Javascript
React服务端渲染原理解析与实践
Mar 04 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+DBM的同学录程序(4)
2006/10/09 PHP
PHP新手上路(八)
2006/10/09 PHP
在php中判断一个请求是ajax请求还是普通请求的方法
2011/06/28 PHP
PHP生成等比缩略图类和自定义函数分享
2014/06/25 PHP
PHP7使用ODBC连接SQL Server2008 R2数据库示例【基于thinkPHP5.1框架】
2019/05/06 PHP
刷新时清空文本框内容的js代码
2007/04/23 Javascript
认识延迟时间为0的setTimeout
2008/05/16 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
js中document.getElementByid、document.all和document.layers区分介绍
2011/12/08 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
jQuery中size()方法用法实例
2014/12/27 Javascript
png在IE6 下无法透明的解决方法汇总
2015/05/21 Javascript
分享几种比较简单实用的JavaScript tabel切换
2015/12/31 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
微信小程序实战之自定义抽屉菜单(7)
2017/04/18 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
2018/02/09 Javascript
React Native日期时间选择组件的示例代码
2018/04/27 Javascript
详解js跨域请求的两种方式,支持post请求
2018/05/05 Javascript
关于JavaScript数组去重的一些理解汇总
2020/09/10 Javascript
angular *Ngif else用法详解
2020/12/15 Javascript
Python tkinter模块中类继承的三种方式分析
2017/08/08 Python
Python有序查找算法之二分法实例分析
2017/12/11 Python
python中while和for的区别总结
2019/06/28 Python
Python 3.8正式发布,来尝鲜这些新特性吧
2019/10/15 Python
opencv3/C++实现视频背景去除建模(BSM)
2019/12/11 Python
html+css实现自定义图片上传按钮功能
2019/09/04 HTML / CSS
分公司经理岗位职责
2013/11/11 职场文书
40岁生日感言
2014/02/15 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
商务助理求职信范文
2014/04/20 职场文书
厉行勤俭节约倡议书
2014/05/16 职场文书
化学工程专业求职信
2014/08/10 职场文书
教师求职自荐信
2015/03/26 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
班级班风口号大全
2015/12/25 职场文书
mysql实现将字符串字段转为数字排序或比大小
2022/06/14 MySQL