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 相关文章推荐
ExtJS扩展 垂直tabLayout实现代码
Jun 21 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
Mar 12 Javascript
jQuery简单实现banner图片切换
Jan 02 Javascript
推荐5 个常用的JavaScript调试技巧
Jan 08 Javascript
jQuery双向列表选择器DIV模拟版
Nov 01 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
Feb 20 Javascript
Vue 中如何正确引入第三方模块的方法步骤
May 05 Javascript
使用vue for时为什么要key【推荐】
Jul 11 Javascript
javascript导出csv文件(excel)的方法示例
Aug 25 Javascript
redux处理异步action解决方案
Mar 22 Javascript
浅谈vue中$bus的使用和涉及到的问题
Jul 28 Javascript
使用PDF.js渲染canvas实现预览pdf的效果示例
Apr 17 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有序表查找之插值查找算法示例
2018/02/10 PHP
PHP抽象类与接口的区别详解
2019/03/21 PHP
Javascript中的数学函数
2007/04/04 Javascript
JS array 数组详解
2009/03/22 Javascript
js中settimeout方法加参数的使用实例
2014/02/27 Javascript
javascript实现单击和双击并存的方法
2014/12/13 Javascript
基于javascript实现页面加载loading效果
2020/09/15 Javascript
JavaScript 不支持 indexof 该如何解决
2016/03/30 Javascript
如何让一个json文件显示在表格里【实现代码】
2016/05/09 Javascript
纯JS前端实现分页代码
2016/06/21 Javascript
JS数字千分位格式化实现方法总结
2016/12/16 Javascript
angular十大常见问题
2017/03/07 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
vue.js2.0 实现better-scroll的滚动效果实例详解
2018/08/13 Javascript
vue.js父子组件通信动态绑定的实例
2018/09/28 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
2018/12/29 jQuery
react 移动端实现列表左滑删除的示例代码
2019/07/04 Javascript
Python实现的爬取网易动态评论操作示例
2018/06/06 Python
python高效过滤出文件夹下指定文件名结尾的文件实例
2018/10/21 Python
Python matplotlib画图与中文设置操作实例分析
2019/04/23 Python
Python语法分析之字符串格式化
2019/06/13 Python
python 整数越界问题详解
2019/06/27 Python
pandas对dataFrame中某一个列的数据进行处理的方法
2019/07/08 Python
python将字符串转换成json的方法小结
2019/07/09 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
Python实现非正太分布的异常值检测方式
2019/12/09 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
大学生求职简历的自我评价范文
2013/10/12 职场文书
物流仓管员工作职责
2014/01/06 职场文书
团委书记的竞聘演讲稿
2014/04/24 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
2014年扶贫工作总结
2014/11/18 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
银行求职信模板
2015/03/20 职场文书
入党宣誓大会后的感想
2015/08/10 职场文书
Python实现拼音转换
2021/06/07 Python