兼容谷歌火狐-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. WEB学习-CSS清除浮动

    浮动的清除 来看一个实验:现在有两个div,div身上没有任何属性.每个div中都有li,这些li都是浮动的. <div> <ul> <li>HTML</li ...

  2. svg格式矢量图引入方法

    引入方法: span { background: url('1.svg') no-repeat; background-size: 20px 20px; background-position: 0 ...

  3. Codeforces Round #482 (Div. 2)

    D. Kuro and GCD and XOR and SUM 字典树真好玩... 牛老板提供的思路:建1e5个 字典树,每个数插入到以它的因子为根所在的字典树中,这样就实现了整除,当然gcd(k, ...

  4. 洛谷—— P2880 [USACO07JAN]平衡的阵容Balanced Lineup

    https://www.luogu.org/problemnew/show/P2880 题目背景 题目描述: 每天,农夫 John 的N(1 <= N <= 50,000)头牛总是按同一序 ...

  5. 安装部署k8s-版本-1.13

    1.环境准备 # 统一hosts cat /etc/hosts 10.0.0.10 k8s-master 10.0.0.20 k8s-node1 10.0.0.30 k8s-node2 # 同步时间 ...

  6. 第1章 Spring Cloud 构建微服务架构(一)服务注册与发现

      一.Spring Cloud 简介 Spring Cloud是一个基于Spring Boot实现的云应用开发工具,它为基于JVM的云应用开发中的配置管理.服务发现.断路器.智能路由.微代理.控制总 ...

  7. java单例模式教程之java实现单例模式的8大方法

    单例模式是Java中常用的设计模式之一.单例模式属于创建型模式,它提供了一种创建对象的最佳方式. 单例模式只创建类的一个对象,之后在一定范围为可任意调用,确保只有单个对象被创建.这个类提供了一种访问其 ...

  8. commons-lang3工具类学习--------ObjectUtils

    Object工具类 allNotNull(Object... values) 检查所有元素是否为空,返回一个boolean 如果有一个元素为空返回false,所有元素不为空或元素为empty返回tru ...

  9. emacs 打开文件乱码

    emacs在win下写的文件在linux打开乱码 M-x set-language-environment RET   chinese-gb    改变当前编码 用当前编码重新打开 M-x rever ...

  10. 谈Objective-C block的实现(转)

    前言 这里有关于block的5道测试题,建议你阅读本文之前先做一下测试. 先介绍一下什么是闭包.在wikipedia上,闭包的定义)是: In programming languages, a clo ...