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 相关文章推荐
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 Javascript
childNodes.length与children.length的区别
May 14 Javascript
JqGrid web打印实现代码
May 31 Javascript
Jquery自定义button按钮的几种方法
Jun 11 Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 Javascript
移动手机APP手指滑动切换图片特效附源码下载
Nov 30 Javascript
深入理解Vue Computed计算属性原理
May 29 Javascript
js中值引用和地址引用实例分析
Jun 21 Javascript
Vue数据绑定实例写法
Aug 06 Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
Sep 09 Javascript
layui 实现表格某一列显示图标
Sep 19 Javascript
antd design table更改某行数据的样式操作
Oct 31 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中常用字符串处理代码片段整理
2011/11/07 PHP
细谈php中SQL注入攻击与XSS攻击
2012/06/10 PHP
获取URL文件名后缀
2013/10/24 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(六)
2014/06/23 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
2007/04/12 Javascript
拖拉表格的JS函数
2008/11/20 Javascript
推荐40个简单的 jQuery 导航插件和教程(下篇)
2012/09/14 Javascript
js动态为代码着色显示行号
2013/05/29 Javascript
jquery遍历数组与筛选数组的方法
2013/11/05 Javascript
js实现简单登录功能的实例代码
2013/11/09 Javascript
JavaScript中的值类型转换介绍
2014/12/31 Javascript
JavaScript更改原始对象valueOf的方法
2015/03/19 Javascript
js实现创建删除html元素小结
2015/09/30 Javascript
分享jQuery插件的学习笔记
2016/01/14 Javascript
用Vue.js实现监听属性的变化
2016/11/17 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
mui back 返回刷新页面的实例
2017/12/06 Javascript
JavaScript模拟实现自由落体效果
2018/08/28 Javascript
python pyinstaller打包exe报错的解决方法
2019/11/02 Python
如何基于python测量代码运行时间
2019/12/25 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
Python接口测试文件上传实例解析
2020/05/22 Python
AmazeUi Tree(树形结构) 应用小结
2020/08/17 HTML / CSS
网络安全方面的面试题
2015/11/04 面试题
机电职业生涯规划书范文
2014/03/08 职场文书
2014全国两会学习心得体会1000字
2014/03/10 职场文书
规划编制实施方案
2014/03/15 职场文书
说明书范文
2014/05/07 职场文书
代领学位证书毕业证书委托书
2014/09/30 职场文书
教师拔河比赛广播稿
2014/10/14 职场文书
实习证明格式范文
2015/06/16 职场文书
个人自我鉴定怎么写?
2019/07/01 职场文书
java如何实现socket连接方法封装
2021/09/25 Java/Android