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导入导出excel(实例代码)
Nov 25 Javascript
js+div实现图片滚动效果代码
Feb 10 Javascript
Javascript快速排序算法详解
Dec 03 Javascript
jQuery遍历DOM元素与节点方法详解
Apr 14 Javascript
jQuery插件Validation快速完成表单验证的方式
Jul 28 Javascript
JS实现淡入淡出图片效果的方法分析
Dec 20 Javascript
基于jQuery实现弹幕APP
Feb 10 Javascript
浅谈regExp的test方法取得的值变化的原因及处理方法
Mar 01 Javascript
使用D3.js创建物流地图的示例代码
Jan 27 Javascript
Vue-Router基础学习笔记(小结)
Oct 15 Javascript
vant组件中 dialog的确认按钮的回调事件操作
Nov 04 Javascript
JavaScript实现10秒后再次获取验证码
Dec 02 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生成带有雪花背景的验证码
2006/10/09 PHP
谈PHP生成静态页面分析 模板+缓存+写文件
2009/08/17 PHP
PHP读取mssql json数据中文乱码的解决办法
2016/04/11 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
thinkPHP框架RBAC实现原理分析
2019/02/01 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
js购物车实现思路及代码(个人感觉不错)
2013/12/23 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
node.js中的fs.writeSync方法使用说明
2014/12/15 Javascript
jQuery绑定事件的几种实现方式
2016/05/09 Javascript
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
2016/12/14 Javascript
VUE + UEditor 单图片跨域上传功能的实现方法
2018/02/08 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
2018/11/30 Javascript
小程序Request的另类用法详解
2019/08/09 Javascript
Python3.x和Python2.x的区别介绍
2013/02/12 Python
MySQL适配器PyMySQL详解
2017/09/20 Python
对python中for、if、while的区别与比较方法
2018/06/25 Python
pygame游戏之旅 添加游戏界面按键图形
2018/11/20 Python
python面试题小结附答案实例代码
2019/04/11 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
numpy 返回函数的上三角矩阵实例
2019/11/25 Python
Python 实现自动完成A4标签排版打印功能
2020/04/09 Python
Python内存泄漏和内存溢出的解决方案
2020/09/26 Python
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
HTML4和HTML5之间除了相似以外的10个主要不同
2012/12/13 HTML / CSS
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
会计职业生涯规划范文
2014/01/04 职场文书
八年级语文教学反思
2014/02/11 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
优秀家长事迹材料
2014/05/17 职场文书
医院党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
敬业奉献模范事迹材料
2014/12/24 职场文书
学校拾金不昧表扬信
2015/01/16 职场文书