让input光标一直在最右边

有时候,我们需要使的input输入框的在点击时光标一直居右边

例如:移动端,用手指去点击输入框,在输入框较小,手指又比较大,那么经常会在点击后,光标会在已有文字时,居左

我们的输入框文字肯定要居中的需要text-align:center,所以不用用text-align:right去排光标;

jq代码如下:

var val = $(‘input‘).val()

$(‘input‘).focus();

$(‘input‘).val(‘‘);

$(‘input‘).val(val);

当然用js也一样,思路是一致的:

1.调用focus方法

2.input的值置空

3.input的值再赋原来的值一遍

时间: 2024-10-09 04:43:55

让input光标一直在最右边的相关文章

input光标位置

兼容谷歌火狐-input光标位置 input框在没有添加任何效果的情况下,输入文字后光标始终在最后的位置,谷歌||火狐效果一样 但是在给input加入点击事件后 谷歌:input框插入文字后,光标会自动到最后位置 火狐:input框插入文字后,光标在插入文字的后面 兼容:光标在文字的最后面 function moveEnd(obj){ obj.focus(); var len = obj.value.length; if (document.selection) { var sel = obj.

input光标大小

最近在做项目忘记密码页面时,input光标大小需要统一.同时也需要兼容ie8浏览器. 总结如下: IE:不管该行有没有文字,光标高度与font-size一致. FF:该行有文字时,光标高度与font-size一致.该行无文字时,光标高度与input的height一致. Chrome:该行无文字时,光标高度与line-height一致:该行有文字时,光标高度从input顶部到文字底部(这两种情况都是在有设定line-height的时候),如果没有line-height,则是与font-size一致

input 光标在 chrome下不兼容 解决方案

input 光标在 chrome下不兼容 解决方案 height: 52px; line-height: normal; line-height:52px\9 .list li input[type=text] { width: 304px; height: 52px; line-height: normal; line-height: 52px\9; border: none; color: #FFFFFF; background: url(../images/txt-bg.png) no-r

IOS中input光标跑偏问题的解决方法

ios端兼容input光标高度处理 在最近的项目中遇到一个问题,input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上 当点击输入的时候,光标的高度和父盒子的高度一样.造成的原因就是给父盒子添加了height和line-height 当点击输入的时候,光标的高度就自动和父盒子的高度一样了.(谷歌浏览器的设计原则,还有一种可能就 是当没有内容的时候光标的高度等于input的line-height的值,当有内容时,光标从input的顶端到文字 的底部). 解决办法:去掉父盒子的高度heig

Safari input 光标不居中解决方案

昨天在iPhone的Safari中发现了这个问题,line-height 属性不能使input输入框中的光标垂直居中,总会有偏移量.查找资料之后发现要换一写法. height= padding + font-size;  这样通过padding方式达到的居中效果没有问题.如果高度是30px,字体大小是16px,设置line-height和字体大小相同,计算得上下内边距是7px. input{ padding:7px 0; height: 30px; font-size: 16px; line-h

chrome,ff,IE input光标元素不能居中的问题

背景 input css样式: { height:50px;width:386px;border:0;position:absolute;top:0;left:0; padding:0px; line-height:50px;font-size:14px;.border-left-radius(4px); } 可以试一下,chrome中打开会发现光标出现在input元素的左上角.而不是预想中的居中.出现这样的原因如下: IE:不管该行有没有文字,光标高度与font-size一致. FF:该行有文

移动端弹出软键盘导致input光标和点击事件错位问题

我遇到的问题:在微信浏览器里,点击蒙层的input框,弹出软键盘,蒙层被顶上去,同时input的焦点和button的点击事件也被顶上去了,软键盘消失,蒙层回到原位,但是点击input和button均没反应,点击蒙层被顶上去的位置有反应,因为input的焦点和button的点击事件没回到原位.这个问题出现在ios中,android手机没问题. 以下是一位大佬写的解决方法,解决了我的问题. 原文地址:https://blog.csdn.net/Doubleu_/article/details/865

input光标位置不居中问题

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

在textarea和input光标处插入内容,支持ie

项目需求,用户要能够输入和点击外面的公式去插入到textaera中,试了好几种方法,有的是在谷歌下好使,在ie下不好使,最后找到了下面这个方法,目前在ie8以上都可以生效.直接上代码 1 function insertAtCursor(myField, myValue) { 2 //IE support 3 if (document.selection) { 4 myField.focus(); 5 sel = document.selection.createRange(); 6 sel.te