【解决IE下readonly的Input光标选中的问题】的更多相关文章

解决IE下readonly的Input光标选中的问题

首先用unselectable="on"解决,但是这种方法bug太多, 屏蔽了input的onblur事件(也就是focus事件在Angualr下),所以只能用click事件来代替了. input元素在IE (chrome还是可以编辑的,其他浏览器没有尝试)下不能被选中了,对于可编辑的input框来说这是致命的问题. 火狐浏览器不管用. 不能清除placeholder的内容 所以暂时用jq的blur()失焦事件来解决的,有什么问题或者有更好的方案,欢迎留言...…

IOS11下fixed中input光标错位问题

项目遇到了这个问题,故作了个临时解决方案,暂时没有想到更好的方法,查阅了网上的方案,也没有找到完美的解决方案. 方案思路: ①弹窗打开时,阻止 body 滚动,禁用 touchmove ,同时记录当前 body 的滚动高度 startScrollTop ②弹窗关闭时,恢复 body 滚动,同时给当前滚动条赋值 startScrollTop ,恢复到弹窗前的高度 ③关闭输入键盘时,同样恢复到弹窗前的高度 实现的代码如下: <!DOCTYPE html> <html> <head…

解决ios下部分手机在input设置为readonly属性时，依然显示光标

解决ios下部分手机在input设置为readonly属性时,依然显示光标 在出现如上所说的问题是尝试给input 加上  onfocus="this.blur()"  方法 添加完成后的代码如下 <input name="result" id="result" type="text" onFocus="this.blur();" size="20" value="&qu…

ie 下input光标位置垂直不居中问题

input输入框用一个背景图模拟,设置height和line-height一样的高度,使里面的输入文字能够居中, 在FF下出现的情况是:点击input时,输入光标其实上跟input的height一样高,但当开始输入文字时,光标又变得跟文字一样高, chrome下光标跟input的height一样高, 而IE下光标跟文字的大小一致. 一直没弄明白为什么这样子,今天才知道为什么. 初步结论如下: IE:不管该行有没有文字,光标高度与font-size一致. FF:该行有文字时,光标高度与font-s…

在IE下，如果在readonly的input里面键入backspace键，会触发history.back()

在IE下,如果在readonly的input里面键入backspace键,会触发history.back(), 用以下jQuery代码修正之 $("input[readOnly]").keydown(function(e) {              e.preventDefault();         });…

关于jq操作table下多个type=radio的input的选中

假如有2个table: <table id="table1" border="0"> <tr> <td><input id="rdu_0" type="radio" name="rdu" value="1" checked="checked" /><label for="rdu_0">第一…

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.pn…

解决 ArchLinux 下中文 Chinese 不能输入 couldnt input 的问题

解决 ArchLinux 下中文 Chinese 不能输入 couldnt input 的问题 一.Question 一年多的 ArchLinux 用户再次回归.然鹅,见面礼就是终端不能输入中文. 在写这篇文章前,我通过各种搜索都没有得到我遇到的问题解决方案. 我遇到的问题是:Bash 终端可以输入中文,然而 Zsh 输入中文会出现问好. 二.Resolutions 通过查询系统支持已获得当前状态,修改 /etc/locale.gen 更新需要的语言包,使用 localectl set-loca…

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

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

关于iphone点击readonly的input虚拟键盘不消失的情况

今天遇到了一个比较棘手的问题,事情是这样的: 咱有一个添加地址的页面,大概长这样: 收货地址后那个"请选择收货地址"是一个readonly的input, 咱一进页面,直接点击这个"请选择收货地址"是完全看不出任何毛病的, 但是按照大家的习惯啊,当然是一个一个往下填, 这时问题就来了,安卓手机是正常的,显示这样: 可苹果手机不一样了, 咱输了手机号码,点"请选择收货地址", 这时候,本该关闭的虚拟键盘依然呆在屏幕上,弹出的地址选择器部分显示在虚拟键…