zoukankan      html  css  js  c++  java
  • js获得文本框中光标位置(转)

     1     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
     2     <html xmlns="http://www.w3.org/1999/xhtml">  
     3     <head>  
     4     <meta http-equiv="Content-Type" content="text/html; charset=GBK" />  
     5     <title>js获取光标位置</title>  
     6     <script type="text/javascript">
     7     /*
     8     * 获取光标所在的字符位置 
     9     * @param obj 要处理的控件, 支持文本域和输入框 
    10     * @author hotleave 
    11     */  
    12     function getPosition(obj){  
    13     //alert(obj.tagName);  
    14     var result = 0;  
    15     if(obj.selectionStart){ //非IE浏览器  
    16        result = obj.selectionStart  
    17     }else//IE  
    18        var rng;  
    19        if(obj.tagName == "TEXTAREA"){ //如果是文本域  
    20         rng = event.srcElement.createTextRange();  
    21         rng.moveToPoint(event.x,event.y);  
    22        }else//输入框  
    23         rng = document.selection.createRange();  
    24        }  
    25        rng.moveStart("character",-event.srcElement.value.length);  
    26        result = rng.text.length;  
    27     }  
    28     return result;  
    29     }  
    30       
    31     function getValue(obj){  
    32          var pos = getPosition(obj);  
    33     //alert(pos);  
    34     alert(obj.value.substr(0,pos)+" [这里是添加的内容] "+obj.value.substr(pos,obj.value.length));  
    35     }  
    36     </script>
    37     </head>  
    38     <body>  
    39     <input type="text" value="你好,Amethyst!" onmouseup="getValue(this)" style="display:block" mce_style="display:block">  
    40     <textarea rows="6" cols="60" onmouseup="getValue(this)">Amethyst, 你好. 
  • 相关阅读:
    Linux进程同步之记录锁(fcntl)
    Linux进程间通信(九)---综合实验之有名管道通信实验
    最近调试HEVC中码率控制, 发现HM里面一个重大bug
    高晓松脱口秀--晓说(第一季&第二季)mp3下载
    IBM AIX Shell编写遭遇错误一2
    deinstall oracle 11g on linux
    EBS并发管理器请求汇总(按照并发消耗时间,等待时间,平均等待事件等汇总)
    使用 SQLNET.EXPIRE_TIME 清除僵死连接
    openfire插件开发的几点说明
    How-to Dump Keys from Memcache--reference
  • 原文地址:https://www.cnblogs.com/cjunj/p/2130575.html
Copyright © 2011-2022 走看看