<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

</head>

<body>

<textarea name="" id="edit" cols="100" rows="10"></textarea>

<button onclick="getPos()">获取光标位置</button>

<button onclick="getSelect()">获取选中内容</button>

<button onclick="insert()">插入文本</button>

<script>

    $.extend($.fn,{

        //获取文本框内光标位置

        getSelectionStart: function() {

            var e = this[0];

            if (e.selectionStart) {

                return e.selectionStart;

            } else if (document.selection) {

                e.focus();

                var r=document.selection.createRange();

                var sr = r.duplicate();

                sr.moveToElementText(e);

                sr.setEndPoint('EndToEnd', r);

                return sr.text.length - r.text.length;

            }  

            return 0;

        },

        getSelectionEnd: function() {

            var e = this[0];

            if (e.selectionEnd) {

                return e.selectionEnd;

            } else if (document.selection) {

                e.focus();

                var r=document.selection.createRange();

                var sr = r.duplicate();

                sr.moveToElementText(e);

                sr.setEndPoint('EndToEnd', r);

                return sr.text.length;

            }

            return 0;

        },

        //自动插入默认字符串

        insertString: function(str) {

            $(this).each(function() {

                var tb = $(this);

                tb.focus();

                if (document.selection){

                    var r = document.selection.createRange();

                    document.selection.empty();

                    r.text = str;

                    r.collapse();

                    r.select();

                } else {

                    var newstart = tb.get(0).selectionStart+str.length;

                    tb.val(tb.val().substr(0,tb.get(0).selectionStart) +

                            str + tb.val().substring(tb.get(0).selectionEnd));

                    tb.get(0).selectionStart = newstart;

                    tb.get(0).selectionEnd = newstart;

                }

            });  

            return this;

        },

        setSelection: function(startIndex,len) {

            $(this).each(function(){

                if (this.setSelectionRange){

                    this.setSelectionRange(startIndex, startIndex + len);

                } else if (document.selection) {

                    var range = this.createTextRange();

                    range.collapse(true);

                    range.moveStart('character', startIndex);

                    range.moveEnd('character', len);

                    range.select();

                } else {

                    this.selectionStart = startIndex;

                    this.selectionEnd = startIndex + len;

                }

            });  

            return this;

        },

        getSelection: function() {

            var elem = this[0];  

            var sel = '';

            if (document.selection){

                var r = document.selection.createRange();

                document.selection.empty();

                sel = r.text;

            } else {

                var start = elem.selectionStart;

                var end = elem.selectionEnd;

                var content = $(elem).is(':input') ? $(elem).val() : $(elem).text();

                sel = content.substring(start, end);

            }

            return sel;

        }

    })

</script>

<script>

    function getPos(){

        alert($("#edit").getSelectionStart());

    }

    function getSelect(){

        alert($("#edit").getSelection());

    }

    function insert(){

       $("#edit").insertString("hello");  

    }

</script>

</body>

</html>

　　

js 光标选中 操作的更多相关文章

  1. js光标定位操作

    1. 自动选中区域内容 <html> <meta http-equiv="Content-Type" content="text/html; chars ...

  2. 斗篷指令、属性指令、表单指令、条件指令、循环指令、js的Array操作、前台数据库、

    ```python"""1)指令 属性指令:v-bind 表达指令:v-model 条件指令:v-show v-if 循环指令:v-for 斗篷指令:v-cloak 2) ...

  3. js实现动态操作table

     本章案例为通过js,动态操作table,实现在单页面进行增删改查的操作. 简要案例如下: <%@ page language="java" contentType=&quo ...

  4. nw.js如何处理拖放操作

    nw.js如何处理拖放操作 其实拖放(drag-drop)操作是Html5的功能,不是nw.js的内置API,那么我们采用Html5应用一般的处理方法就可以了. 首先我们看一下一个正常的页面,直接拖放 ...

  5. Numeral.js – 格式化和操作数字的 JavaScript 库

    Numeral.js 是一个用于格式化和操作数字的 JavaScript 库.数字可以格式化为货币,百分比,时间,甚至是小数,千位,和缩写格式,功能十分强大.支持包括中文在内的17种语言. 您可能感兴 ...

  6. 【软件编程】乐易贵宾VIP教程 - JS改写+网页操作系列教程

    JS改写系列教程: 1.MD5加密改写教程(爱拍网登录)2.解密如何快速找到真确的js加密算法3.多重MD5加密改写教程(5173登录)4.DZ论坛登录加密改写5.唯品会手机登录加密改写6.新浪微博密 ...

  7. JS实现 键盘操作

    JS实现 键盘操作: 详情可以去其逛网查看其API并下载,地址:http://craig.is/killing/mice <!DOCTYPE html PUBLIC "-//W3C// ...

  8. js中如何操作json数据

    一.要想熟练的操作json数据,就先要了解json数据的结构,json有两种结构:对象和数组. 1.对象 一个对象以“{”开始,“}”结束.每个“名称”后跟一个“:”:“‘名称/值’ 对”之间使用“, ...

  9. js数组的操作及数组与字符串的相互转化

    数组与字符串的相互转化 <script type="text/javascript">var obj="new1abcdefg".replace(/ ...

随机推荐

  1. golang处理 json中非法字符

    原文: Hi there, I just discovered Go and decided to port a little program to Go. The program reads JSO ...

  2. 优秀Python学习资源收集汇总--强烈推荐（转）

    原文:http://www.cnblogs.com/lanxuezaipiao/p/3543658.html Python是一种面向对象.直译式计算机程序设计语言.它的语法简捷和清晰,尽量使用无异义的 ...

  3. qemu网络虚拟化之数据流向分析一

    插曲:   今天下午欣喜的想写点关于qemu网络部分的功能,但是中途出现了点小插曲,电脑被某人搞得死机了,并且文章也没有保存.结果,,,就只能重新写了!!所以这里强烈建议开发团队提供自动保存的功能! ...

  4. 浅谈virtualenv(虚拟环境)

    简介 virtualenv为应用提供了隔离的Python运行环境,解决了不同应用间多版本的冲突问题. 例如: 如果我们要同时开发多个应用程序,那这些应用程序都会共用一个Python,就是安装在系统的P ...

  5. 六、Mosquitto 高级应用之SSL/TLS

    mosquitto提供SSL支持加密的网络连接和身份验证.本章节讲述次功能的实现. 在此之前需要一些准备工作. 准本工作: 一台 Linux 服务器. 安装好 openssl (不会明白怎么安装 op ...

  6. php内存溢出，出现Allowed memory size of 8388608 bytes exhausted错误的解决办法

    是因为php页面消耗的最大内存默认是为128M (在PHP的ini件里可以看到) ,如果文件太大或图片太大在读取的时候会发生上述错误. 解决办法: 1.修改 php.ini 将memory_limit ...

  7. .def文件如何编写

    DLL中导出函数的声明有两种方式:一种为在函数声明中加上__declspec(dllexport),这里不再举例说明:另外一种方式是采用模块定义(.def) 文件声明. 规则是:1.首先创建 一个DL ...

  8. http协议中post方法发出请求

    package com.chinaums.szm.test.base.igoodful; import com.fasterxml.jackson.databind.ObjectMapper;impo ...

  9. JAVA中的反射机制 （转）

    反射,当时经常听他们说,自己也看过一些资料,也可能在设计模式中使用过,但是感觉对它没有一个较深入的了解,这次重新学习了一下,感觉还行吧! 一,先看一下反射的概念: 主要是指程序可以访问,检测和修改它本 ...

  10. 2018秦皇岛ccpc-camp Steins;Gate (原根+FFT)

    因为给定的模数P保证是素数,所以P一定有原根. 根据原根的性质,若\(g\)是\(P\)的原根,则\(g^k\)能够生成\([1,P-1]\)中所有的数,这样的k一共有P-2个. 则\(a_i*a_j ...