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 相关文章推荐
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
Mar 14 Javascript
JS实现图片预加载无需等待
Dec 21 Javascript
js随机颜色代码的多种实现方式
Apr 23 Javascript
再JavaScript的jQuery库中编写动画效果的指南
Aug 13 Javascript
javascript中sort() 方法使用详解
Aug 30 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
Sep 21 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
Apr 12 Javascript
JavaScript数据结构学习之数组、栈与队列
May 02 Javascript
详解如何在vue项目中使用lodop打印插件
Sep 27 Javascript
element-ui表格合并span-method的实现方法
May 21 Javascript
vue+vant实现商品列表批量倒计时功能
Jan 13 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 07 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
Thinkphp中volist标签mod控制一定记录的换行BUG解决方法
2014/11/04 PHP
CodeIgniter生成静态页的方法
2016/05/17 PHP
php+redis实现注册、删除、编辑、分页、登录、关注等功能示例
2017/02/15 PHP
css3实现背景模糊的三种方式
2021/03/09 HTML / CSS
js编码、解码函数介绍及其使用示例
2013/09/05 Javascript
JavaScript实现数组降维详解
2017/01/05 Javascript
JavaScript实现图像模糊化的方法实例
2017/01/15 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
2017/03/09 Javascript
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
vue+iview 实现可编辑表格的示例代码
2018/10/31 Javascript
Angular请求防抖处理第一次请求失效问题
2019/05/17 Javascript
node.js中事件触发器events的使用方法实例分析
2019/11/23 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
2020/04/08 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
[02:03]永远的信仰DOTA2 中国军团历届国际邀请赛回顾
2016/06/26 DOTA
Python入门篇之列表和元组
2014/10/17 Python
python读写ini配置文件方法实例分析
2015/06/30 Python
深入解答关于Python的11道基本面试题
2017/04/01 Python
Django项目中实现使用qq第三方登录功能
2019/08/13 Python
浅析使用Python搭建http服务器
2019/10/27 Python
自定义Django默认的sitemap站点地图样式
2020/03/04 Python
记录模型训练时loss值的变化情况
2020/06/16 Python
python中逻辑与或(and、or)和按位与或异或(&amp;、|、^)区别
2020/08/05 Python
matplotlib绘制鼠标的十字光标的实现(内置方式)
2021/01/06 Python
HTML5 progress和meter控件_动力节点Java学院整理
2017/07/06 HTML / CSS
办公室主任先进事迹
2014/01/18 职场文书
高中美术教学反思
2014/01/19 职场文书
幼儿园美术教学反思
2014/01/31 职场文书
运动会通讯稿500字
2014/02/20 职场文书
劲霸男装广告词改编版
2014/03/21 职场文书
班级体育活动总结
2014/07/05 职场文书
大学生年度个人总结
2015/02/15 职场文书
小学数学国培研修日志
2015/11/13 职场文书
励志语录:只有自己足够强大,才能不被别人践踏
2020/01/09 职场文书
python高温预警数据获取实例
2022/07/23 Python
JavaScript实现一键复制内容剪贴板
2022/07/23 Javascript