当前位置: 首页 > news >正文

隐藏后再显示 element.search.input.focus() 无效的解决

问题

点击搜索图标,原本隐藏的input输入框出现。但是对其应用的focus函数会失效,不能自动获取焦点。

解决

设置延迟500毫秒后再执行focus(),这时候input输入框已经加载完成,所以javascript就可以找到它了。

例如原本代码是:

element.search.input.focus();

改成下面这样

setTimeout(function () {
    element.search.input.focus();
}, 500)

参考:
关于focus()不生效的问题

相关文章:

  • 小程序支付提示 商户号mch_id与appid不匹配 的解决
  • 一行代码 让电脑用系统声音 说出 “I love you” 可死循环
  • 设置 fiddler 不抓取屏蔽谷歌浏览器的数据包 的简单方法
  • 完美解决 用 Fiddler 在火狐浏览器 抓https请求包 的配置
  • 在 Ubuntu 18.04 系统下 修改系统hosts文件的简单方法
  • Ubuntu18.04 简单快速安装并配置 fiddler-linux抓包工具
  • JavaScript DOM 编程艺术指南 第12章源代码 图片素材
  • javascript dom编程艺术指南 convertToGS 设置灰度无效
  • mac中谷歌浏览器 查看源代码快捷键
  • 易语言 拼图验证码
  • Linux 怎么查看判断web服务器安装的是Apache还是Nginx
  • 微擎 系统关键文件cloud更新失败,请更改文件权限后重试]
  • 最新宝塔面板 快速配置 阿里云申请的免费SSL证书的方法
  • 解决 打开小程序提示 错误ERRMSG=invalid appsecret.
  • Ubuntu18.04 使用 whle true 语句 死循环执行一段命令
  • @angular/forms 源码解析之双向绑定
  • Angular4 模板式表单用法以及验证
  • CSS3 聊天气泡框以及 inherit、currentColor 关键字
  • css的样式优先级
  • CSS中外联样式表代表的含义
  • Django 博客开发教程 16 - 统计文章阅读量
  • iOS 颜色设置看我就够了
  • Java 实战开发之spring、logback配置及chrome开发神器(六)
  • Java 网络编程(2):UDP 的使用
  • java8-模拟hadoop
  • leetcode388. Longest Absolute File Path
  • Node + FFmpeg 实现Canvas动画导出视频
  • tab.js分享及浏览器兼容性问题汇总
  • thinkphp5.1 easywechat4 微信第三方开放平台
  • vagrant 添加本地 box 安装 laravel homestead
  • vue--为什么data属性必须是一个函数
  • webpack+react项目初体验——记录我的webpack环境配置
  • 创建一种深思熟虑的文化
  • 观察者模式实现非直接耦合
  • 今年的LC3大会没了?
  • 扑朔迷离的属性和特性【彻底弄清】
  • 前端每日实战:61# 视频演示如何用纯 CSS 创作一只咖啡壶
  • 前端性能优化--懒加载和预加载
  • 文本多行溢出显示...之最后一行不到行尾的解决
  • Python 之网络式编程
  • #考研#计算机文化知识1(局域网及网络互联)
  • #我与Java虚拟机的故事#连载05:Java虚拟机的修炼之道
  • (2021|NIPS,扩散,无条件分数估计,条件分数估计)无分类器引导扩散
  • (javascript)再说document.body.scrollTop的使用问题
  • (二开)Flink 修改源码拓展 SQL 语法
  • (附源码)计算机毕业设计SSM保险客户管理系统
  • (五) 一起学 Unix 环境高级编程 (APUE) 之 进程环境
  • (转)Linux下编译安装log4cxx
  • .NET 2.0中新增的一些TryGet,TryParse等方法
  • .NET 5种线程安全集合
  • /etc/skel 目录作用
  • []Telit UC864E 拨号上网
  • [2008][note]腔内级联拉曼发射的,二极管泵浦多频调Q laser——
  • [Assignment] C++1
  • [BZOJ]4817: [Sdoi2017]树点涂色