IOS input输入框按删除键删除字符,删除最后一个字符时,概率性出现光标前面多余一个字符,并且placeholder文字也能显示出来

回答

删除最后一个字符时延迟一毫秒

我用了vue,input[type=search] 计算属性中涉及此input的v-model,在ios下出现这种bug。

解决方法:去掉计算属性就ok了

楼主怎么解决的

onChange={this.onChange}

value={txt}

ref={(ref) => { this.inputEle = ref; }}

/>

onChange(e) {

//最后一个字符延迟一毫秒删除,规避退格键删除所有内容后,光标不回到最左边的问题解决

if(e.target.value.length == 0){

this.setState({

txt: this.state.txt,

});

let that = this;

setTimeout(function(){

that.setState({

txt: '',

});

that.inputEle.focus();

},100);

}else{

this.setState({

txt: e.target.value,

});

}

if (typeof this.props.onChange === 'function') {

this.props.onChange(e);

}

}

我也有同样的问题

我也有这样的问题,怎么处理

ios html 全选文本框,【前端】IOS input输入框按删除键删除字符,删除最后一个字符时,概率性出现光标前面多余一个字符...相关推荐

  1. PDF转换来的word文件全是文本框怎么办?

    不知道大家有没有遇到过这种情况,我们使用PDF转换器将PDF文件转换成word文件,转换出来的word文件里面的每行文字都带有文本框. 在网上查了很多办法取消文本框,正常编辑word文件, 但是最后都 ...

  2. css合并两个文本框,css实现input文本框的双边框美化

    css实现input文本框的双边框美化 .input_div{width:250px; height:22px; border-style:solid; border-width:1px 0 1px ...

  3. java如何创建一个文本框_创建一个有文本框和三个按钮的程序。当按下某个按钮时,使不同的文字(Java..._考试资料网...

    问答题创建一个有文本框和三个按钮的程序.当按下某个按钮时,使不同的文字("Java","编程","不难学")显示在文本框中.已经给出部分代码 ...

  4. 弹出框动态增加input输入框

    欢迎关注微信公众号: 程序员小圈圈 原文首发于: www.zhangruibin.com 本文出自于: RebornChang的博客 转载请标明出处^_^ 弹出框动态增加input输入框 最近项目上有 ...

  5. html中复选文本框标签,JavaScript:HTML中的UI-标签

    起始 没有UI,我们不如去当咸鱼.整天整一堆代码,没有一个UI效果出来,岂不是太无趣了?相比于OC的UIKit框架,在HTML中的元素则是用标签显示的.由于才刚刚学习,所以就先整几个常见的标签.然后在 ...

  6. JavaScript简单实现全选反选框

    偷个懒~ 样式就不写了,直接上HTML <table><thead><tr><th><input type="checkbox" ...

  7. Word控件Spire.Doc 【文本框】教程(5): 插入、读取和删除表格

    Spire.Doc for .NET是一款专门对 Word 文档进行操作的 .NET 类库.在于帮助开发人员无需安装 Microsoft Word情况下,轻松快捷高效地创建.编辑.转换和打印 Micr ...

  8. 前端基础input输入框主要属性

    1.单行输入框< input type"text"/>.单行文本的输入框常用来输入简单的信息,例如用户名.账号等等.具体的属性有:name.value.maxlengt ...

  9. QLineEdit 获得焦点后全选文本

    void QLineEditEx::focusInEvent(QFocusEvent* event) {QLineEdit::focusInEvent(event);QTimer::singleSho ...

最新文章

  1. spring_通过Spring Boot了解H2 InMemory数据库
  2. umi搭建react+antd项目(四)axios请求数据
  3. 过滤选择器——子元素过滤选择器
  4. 面试必问:读写一致性,你需要思考的问题
  5. 项目托管 网站 小记
  6. 干货!看云原生时代阿里云的四个“最”
  7. 50行代码,搞定敏感数据读写!
  8. opencv14-自定义线性滤波
  9. c语言指针地址交换程序,C语言-基础教程-指针的地址分配
  10. 风变Python 15数据的读入以及写出以及数据的编码类型
  11. 345.反转字符串中的元音字符(力扣leetcode) 博主可答疑该问题
  12. 融云 SDK 5.0.0 功能迭代
  13. JSP+MySQL基于ssm的物理竞赛管理系统-
  14. 在树莓派上配置迅雷远程下载
  15. 关于Javascript的学习心得
  16. 讯飞语音——带你简单实现语音听写
  17. brpc学习:bvar
  18. TestBird《2021中国证券测试白皮书》
  19. 更改高通平台开机logo和开机动画以及fastboot界面显示
  20. 达内python 资源_Python学习资源整理,优质Python学习资源推荐

热门文章

  1. css img 适配尺寸_img图片自适应布局_HTML5教程_郭隆邦技术博客
  2. c语言枪图形,6个变态的C语言Hello World程序[转载]
  3. 计算机三级之嵌入式系统学习笔记7
  4. 导出标签_如何从系统导出审计要求的日记账
  5. thymeleaf引用html_SpringBoot+Thymeleaf实现html文件引入(类似include功能)_html/css_WEB-ITnose...
  6. Keepalived实现mysql高可用
  7. IPLATUI--下拉列表
  8. 计算机误删怎么恢复数据,电脑资料数据误删怎么恢复?
  9. python office转pdf_python 如何将office文件转换为PDF
  10. winform 让他间隔一段时间 执行事件 且只执行一次_记一次golang定时器引发的诡异错误...