前端 让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阅读 2,110评论 1 10
  • 选择器选择器是jQuery的核心。 事件 动画 扩展
    wyude阅读 491评论 0 1
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,881评论 2 17
  • 一)jQuery九类选择器【参见jQueryAPI.chm手册】 目的:通过九类选择器,能定位web页面(HTML...
    奋斗的老王阅读 1,051评论 0 51
  • 本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是...
    forwardRain阅读 450评论 0 3