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 相关文章推荐
jquery 最简单的属性菜单
Oct 08 Javascript
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
Apr 28 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
Mar 09 Javascript
使用jQuery获取data-的自定义属性
Nov 10 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
May 26 Javascript
angularjs实现柱状图动态加载的示例
Dec 11 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
vue数据传递--我有特殊的实现技巧
Mar 20 Javascript
express 项目分层实践详解
Dec 10 Javascript
Vue 修改网站图标的方法
Dec 31 Vue.js
Vue项目打包、合并及压缩优化网页响应速度
Jul 07 Vue.js
Vue elementUI表单嵌套表格并对每行进行校验详解
Feb 18 Vue.js
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
用libTemplate实现静态网页的生成
2006/10/09 PHP
php中实现简单的ACL 完结篇
2011/09/07 PHP
php网上商城购物车设计代码分享
2012/02/15 PHP
PHP设置一边执行一边输出结果的代码
2013/09/30 PHP
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
php设置静态内容缓存时间的方法
2014/12/01 PHP
在Laravel框架里实现发送邮件实例(邮箱验证)
2016/05/20 PHP
非常不错的一个javascript 类
2006/11/07 Javascript
IE6下JS动态设置图片src地址问题
2010/01/08 Javascript
jquery中:input和input的区别分析
2011/07/13 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
2013/07/09 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
2013/09/23 Javascript
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
老生常谈 js中this的指向
2016/06/30 Javascript
js数组去重的hash方法
2016/12/22 Javascript
easyUI combobox实现联动效果
2017/01/17 Javascript
js实现类bootstrap模态框动画
2017/02/07 Javascript
JavaScript Base64 作为文件上传的实例代码解析
2017/02/14 Javascript
一个Vue页面的内存泄露分析详解
2018/06/25 Javascript
vue 弹框产生的滚动穿透问题的解决
2018/09/21 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
2019/05/07 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
JavaScript enum枚举类型定义及使用方法
2020/05/15 Javascript
JavaScript 异步时序问题
2020/11/20 Javascript
SublimeText 2编译python出错的解决方法(The system cannot find the file specified)
2013/11/27 Python
Python中的高级数据结构详解
2015/03/27 Python
判断网页编码的方法python版
2016/08/12 Python
Django添加KindEditor富文本编辑器的使用
2018/10/24 Python
Django 全局的static和templates的使用详解
2019/07/19 Python
Python操作注册表详细步骤介绍
2020/02/05 Python
Python3 shelve对象持久存储原理详解
2020/03/23 Python
canvas 实现 github404动态效果的示例代码
2017/11/15 HTML / CSS
MySQL 重写查询语句的三种策略
2021/05/10 MySQL
MySQL系列之十四 MySQL的高可用实现
2021/07/02 MySQL
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python