兼容谷歌火狐-input光标位置

input框在没有添加任何效果的情况下,输入文字后光标始终在最后的位置,谷歌||火狐效果一样

但是在给input加入点击事件后   谷歌:input框插入文字后,光标会自动到最后位置

                火狐:input框插入文字后,光标在插入文字的后面

兼容:光标在文字的最后面

  function moveEnd(obj){
  obj.focus();
  var len = obj.value.length;
  if (document.selection) {
  var sel = obj.createTextRange();
  sel.moveStart('character',len);
  sel.collapse();
  sel.select();
  } else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') {
  obj.selectionStart = obj.selectionEnd = len;
    }
  }
aaarticlea/png;base64,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" alt="" />

 兼容:光标在中间插入文字的后面      

   function moveEnd(obj){
    obj.focus();
    var len = obj.value.length;
    if (document.selection) {
    var sel = obj.createTextRange();
    sel.moveStart('character',len);
    sel.collapse();
    sel.select();
    } else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') {
    
  setCursorPosition(obj,obj.selectionStart)

      }

    }aaarticlea/png;base64,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" alt="" />

  设置光标位置:

  setSelectionRange(obj.selectionStart,obj.selectionStart);

  selectionStart
      输入性元素selection起点的位置,可读写。
  selectionEnd
      输入性元素selection结束点的位置,可读写。
  setSelectionRange(start, end)
      设置输入性元素selectionStart和selectionEnd值

input光标位置的更多相关文章

  1. Recoil Input 光标位置被重置到末尾的问题

    考察如下代码,页面中有个输入框,通过 Recoil Atom 来存储输入的值. App.tsx function NameInput() { const [name, setName] = useRe ...

  2. ie 下input光标位置垂直不居中问题

    input输入框用一个背景图模拟,设置height和line-height一样的高度,使里面的输入文字能够居中, 在FF下出现的情况是:点击input时,输入光标其实上跟input的height一样高 ...

  3. input光标位置不居中问题

    文本输入框默认在谷歌,火狐浏览器中,光标是居中显示的.但在IE7中一开始会在顶部闪烁(输入文字后光标居中),加上行高就可以,值为文本框的高度. 注意要加*号,否则在谷歌浏览其中光标会在顶部闪烁. *l ...

  4. input输入时光标位置靠上问题解决

    在css中如果我们定义了input高度在输入时会发现光标位置靠上了不在居中了,在Chrome浏览器中,当设置了line-height时,input无文字,光标高度与line-height一致:inpu ...

  5. Demo 示例控制输入光标位置

    <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <meta name="aut ...

  6. TextArea中定位光标位置

    原文:TextArea中定位光标位置 在项目中,遇到一个场景:希望能在TextArea中输入某条记录中的明细(明细较简单,没有附属信息,只用记录顺序和值即可,譬如用"+"号来作为明 ...

  7. 微信6.7.4 ios12 软键盘收回时页面不回弹,导致光标位置错乱,再次点击输入框区域时无法focus

    https://developers.weixin.qq.com/community/develop/doc/00044ae90742f8c82fb78fcae56800 https://blog.c ...

  8. js 在光标位置插入内容

    原文:https://blog.csdn.net/smartsmile2012/article/details/53642082 createDocumentFragment()用法: https:/ ...

  9. js 光标位置处理

    /** * 获取选中文字 * 返回selection,toString可拿到结果,selection含有起始光标位置信息等 **/ function getSelectText() { var tex ...

随机推荐

  1. Codevs 1010 过河卒== 洛谷 1002

     时间限制: 1 s 空间限制: 128000 KB 题目等级 : 黄金 Gold 题目描述 Description 如图,A 点有一个过河卒,需要走到目标 B 点.卒行走规则:可以向下.或者向右.同 ...

  2. 【CF725D】Contest Balloons(贪心,堆)

    题意:acm队伍可以得气球,相同气球数是一个排名.每个队伍有一个气球数上限,如果该队伍的气球数大于上限 该队伍被淘汰.给了你队伍的气球数,你的气球可以给别人,问你最大可能的排名. (2 ≤ n ≤ 3 ...

  3. ubuntu登入死循环问题 解决!!

    把/etc/environment文件中的 PATH="/usr/local//sbin:/usr/local/bin:/usr/bin:/sbin:/bin:/usr/games" ...

  4. 使用gcc的-finstrument-functions选项进行函数跟踪【转】

    转自:http://blog.csdn.net/jasonchen_gbd/article/details/44044899 版权声明:本文为博主原创文章,转载请附上原博链接. GCC Functio ...

  5. Lua中闭包详解 来自RingOfTheC[ring.of.the.c@gmail.com]

    这些东西是平时遇到的, 觉得有一定的价值, 所以记录下来, 以后遇到类似的问题可以查阅, 同时分享出来也能方便需要的人, 转载请注明来自RingOfTheC[ring.of.the.c@gmail.c ...

  6. 查看公网IP信息的方法

    有时候我们想知道自己的外网ip,推荐几个好用的方法 windows 用百度搜索“ip”就会显示 用浏览器访问getip.name 或者 ifconfig.me linux 使用curl命令  curl ...

  7. yii 数据save后得到插入id

    $model->save();//得到上次插入的Insert id$id = $model->attributes['id'];如此很简单

  8. Xcode 如何计算整个项目的代码行数

    参考链接:https://www.cnblogs.com/sunfuyou/p/7921538.html 1.打开终端 2.cd 空格 将工程的文件夹拖到终端上,回车,此时进入到工程的路径 此时已经进 ...

  9. Delphi将图片缩放成指定大小

    unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms ...

  10. Codeforces A. Bear and Big Brother

    ...不行.这题之后.不做1000分以下的了.很耻辱   A. Bear and Big Brother time limit per test 1 second memory limit per t ...