input光标位置不居中问题

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

注意要加*号,否则在谷歌浏览其中光标会在顶部闪烁。

*line-height: 24px;
时间: 2024-10-03 22:49:25

input光标位置不居中问题的相关文章

input光标位置

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

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:该行有文

关于文本输入框获取光标位置以及指定位置插入内容

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> </head> <body> &l

js获得光标位置和键的ASCLL

input输入框中,不允许输入某些特殊字符,当输入特殊字符时替换成空. 问题:绑定keyup事件,为了用户输入方便,当用户点击方向键时进行修改,也会触发keyup事件,这时光标会跳到最后一位.... 解决方案一:可以用keycode键的ASCll排除掉,但是点击键盘的其他键光标还是会跳到最后一位. 解决方案二:先获得光标的位置信息,然后进行数据处理操作,最后定位到原来光标的位置. 代码如下: //绑定keyup事件,调用replaceStr()函数 function replaceStr(){

TextArea中定位光标位置

原文:TextArea中定位光标位置 在项目中,遇到一个场景:希望能在TextArea中输入某条记录中的明细(明细较简单,没有附属信息,只用记录顺序和值即可,譬如用"+"号来作为明细分隔符:1+1.5+2+3.4),如下图所示: 为了让输入更直观,需要在输入过程中,实时地显示汇总数量和合计:如果用户希望编辑文本中间的某条明细,也可以通过鼠标点击.或者键盘上的上下左右键来定位某个明细,并在页面上提示光标的焦点位置. 最开始,通过windows.event.x.windows.event.

js手动控制输入框的光标位置

功能:点击外部可选项将文字带入,并且光标在上一次位置后(类似于手机键盘点击) 两种场景: 1. 焦点没有进入文本框或者在文本框中最后,点击外部之后直接将内容加到后面然后跟上光标: 注:光标位置可能和焦点位置不一致,光标最多只能靠近右边框, 2.焦点在文本框且光标在已有文本的中间,例123,在1后,加入4后显示1423并且光标在4后: 在此展示我用的项目代码(angular的动态表单中) getConputation(item) { const formModel = this.formModel

获取textarea文本框所选字符光标位置索引,以及选中的文本值;textarea高度自适应,随着内容增加高度增加;获取输入框中的光标位置

获取textarea文本框所选字符光标位置索引,以及选中的文本值 $.fn.selection = function () { var s, e, range, stored_range; if (this[0].selectionStart == undefined) { var selection = document.selection; if (this[0].tagName.toLowerCase() != "textarea") { var val = this.val()

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

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

js之向div contenteditable光标位置添加字符

原理: 在HTML里面,光标是一个对象,光标对象是只有当你选中某个元素的时候才会出现的. 当我们去点击一个输入框的时候,实际上它会产生一个选中对象-selection(就是我们可以看到的文字变成蓝色的那个区域),selection在火狐浏览器可以直接用 window.getSelection()获取,在HTML里面,selection只有一个的,并且selection是一个区域,你可以想象成一个长方形,它是有开始和结束的 当你点击一个输入框,或者你切换到别的输入框,selection是会跟着变化