前端 让input 光标一直在文字末端

$(“#”+id).val(“”).focus().val(t);

有时候在做浏览器兼容时,会遇到各式各样的情况。input  输入框在火狐下时,一有变化光标就跑到输入框最前面了。可以通过以下方法解决:

<input type="text" class="ipt">

$(".ipt").on("keyup",function(){

         var val = $(this).val();

         $(this).focus().val(val);

})



这种方法在谷歌下的问题是不能正常输入了,通过加个判断,只有不在谷歌浏览器浏览时,才执行上述方法。在jquery1.7.1 上可采用下述方法判断:

var isChrome=navigator.userAgent.toLowerCase().match(/chrome/);

$(".ipt").on("keyup",function(){

       if ( ! isChrome) { 

                var val = $(this).val();

                $(this).focus().val(val);

       }

}

推荐阅读更多精彩内容

  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 1,642评论 1 10
  • 选择器选择器是jQuery的核心。 事件 动画 扩展
    wyude阅读 295评论 0 1
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,147评论 2 17
  • 一)jQuery九类选择器【参见jQueryAPI.chm手册】 目的:通过九类选择器,能定位web页面(HTML...
    奋斗的老王阅读 929评论 0 51
  • 本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是...
    forwardRain阅读 291评论 0 3
  • 今天儿子怏怏的跟我说,妈妈,这次小测验我没有做错,但是扣掉3分,我说为什么,儿子边说边拿出试卷让我看,哦哦,原来是...
    奋斗16年阅读 128评论 0 0
  • 尊敬的评委,你们好!我这次抽到的即兴评述的题目是与王俊凯等童星艺考公平吗? 我们的起点都一样,都从胚胎到婴儿,我们...
    三月_清安阅读 105评论 0 1
  • 爱 来的漫不经心,最初只是一点喜欢 分开的时候,却是两份悲伤 时间久了 守着一种习惯 像喝水,像吃饭 心跳变得一样...
    Skr啊阅读 248评论 0 1
  • 远程仓库 init 创建仓库 clone 克隆远程版本库到本地 add 将工作区改动添加到缓存区 commit r...
    晓龙酱阅读 90评论 0 0