【iosH5开发】IOS浏览器对于Vue3 Element-plus el-input中,input.value.focus无法聚焦问题

这篇具有很好参考价值的文章主要介绍了【iosH5开发】IOS浏览器对于Vue3 Element-plus el-input中,input.value.focus无法聚焦问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

【iosH5开发】IOS浏览器对于Vue3 Element-plus el-input中,input.value.focus无法聚焦问题

此次项目遇到了两个问题,一个是在Vue3中el-input的input.value.focus()无法触发,但是在PC或者安卓均可触发。

// 解决方案
// 单纯的触发input.value.focus()是没办法在ios触发成功的,需要异步来触发聚焦事件
setTimeout(() => input.value.focus())
// 用setTimeout或者nextTick异步触发可以解决,亲测!

第二个问题是ios浏览器H5没有办法默认聚焦触发键盘输入

这个问题是因为ios的保护机制导致的,没办法默认唤起输入法
百度,Google,github,博客园...后发现,都是一些馊主意,暂未解决,有大佬在评论区提供下可以解决方案吗。

文章来源地址https://www.toymoban.com/news/detail-638416.html

到了这里,关于【iosH5开发】IOS浏览器对于Vue3 Element-plus el-input中,input.value.focus无法聚焦问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JS一些常用判断(包括判断是否是苹果(ios)/安卓(Android)、是否是Safari浏览器、检测浏览器语言等等)

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 提示:这里可以添加本文要记录的大概内容: 参考链接 JS判断客户端是否是iOS或者Android:http://caibaojian.com/browser-ios-or-android.html

    2024年02月04日
    浏览(61)
  • 苹果IOS安装IPA, plist形式 Safari 浏览器点击安装

    苹果开发者账号链接 网址: https://developer.apple.com/account 苹果应用上架链接 网址: https://appstoreconnect.apple.com/ 应用证书文件及打包 参考教程: 最新uniapp打包IOS详细步骤(2022) 证书在线制作工具 网址: https://app.121xuexi.com/ iPhone直接安装IPA 可以使用 爱思助手 - 应用游戏 - 导入安装

    2024年02月08日
    浏览(63)
  • vue3 动态监听浏览器窗口变化

    定义一个属性记录宽度 在 vue mounted 的时候 去挂载一下 window.onresize 方法 去监听这个 属性值的变化,如果发生变化则讲这个 val 传递给 this.screenWidth 这样screenWidth就跟随浏览器的窗口大小动态变化了 进行使用

    2024年02月13日
    浏览(35)
  • vue3视频大小适配浏览器窗口大小

    目标:按浏览器窗口的大小,平铺视频,来适配屏幕的大小 。 考虑使用 DPlayer.js、video.js、vue-video-player等视频插件,但报了各种各样的错;试过使用 js 对视频进行同比例放大,再判断其与窗口的大小取最小值,思路没错,但我的获取视频大小是undefined,大概率是哪里出问题

    2024年02月06日
    浏览(32)
  • vue3在浏览器段展示海康监控视频

    目录 一、需求 二、最后成果展示 三、思路和方法 3.1 首先安装插件,可以在上面的地址中下载安装,建立一个dom 3.2 初始化的时候可以获取一个视频展示的一个长宽 3.3 vue data中定义 3.4 初始化视频的方法在vue的methods中 3.5 开始方法 3.6 暂停方法 3.7 销毁监控方法 需要在浏览器

    2024年02月12日
    浏览(30)
  • 让苹果iOS的手机iPhone和电脑Safari浏览器支持油猴脚本

    官方的AppStore是没有油猴插件(Tampermonkey)的,官方插件不仅少,功能被阉割,相对弱小,还收费。嗯,这很苹果第三方拓展。 这是油猴插件(Tampermonkey)的下载地址,上面是老版本,下面是新版本。 https://safari.tampermonkey.net/tampermonkey.safariextz https://www.tampermonkey.net/?browser=s

    2024年02月07日
    浏览(91)
  • Vue3实现PDF文件预览 (低版本浏览器兼容)

    前言:         最近和小伙伴们一起合作完成一个企业级知识库项目,其中一个功能就是后端把所有格式的文件转换为PDF,前端实现渲染PDF文件从而实现预览,干了整整一周(考虑到低版本浏览器的兼容),试用了几种方案(iframe预览已被废弃,不适用本项目,想了解的同学

    2024年01月20日
    浏览(34)
  • uniapp图片或文件的预览和下载,兼容ios+安卓+浏览器+企业微信H5

    在uniapp的APP日常开发中,我们时常遇到一些兼容性问题,正如本文所提到的图片的预览和下载。在此功能的开发中,我常遇到以下四个问题: 图片预览功能实现,但是PDF,word,xls文件无法打开。 安卓的图片预览和文件查看功能正常,ios系统的手机却问题频出,时不时的无法打

    2023年04月10日
    浏览(35)
  • iOS和Android手机浏览器链接打开app store或应用市场下载软件

    1.Android主流手机跳转链接 2.判断手机类型 3.iOS跳转app store

    2024年02月11日
    浏览(71)
  • 苹果ios iphone safari浏览器javascript中alert和confirm不生效解决办法

     在iOS Safari中,可能会遇到JavaScript Alert弹窗不起作用的问题。这是由于iOS Safari默认会阻止弹出窗口,包括JavaScript Alert弹窗。解决此问题的方法如下: 1.使用其他弹窗方式替代JavaScript Alert弹窗,例如使用自定义弹窗组件或者使用JavaScript模拟弹窗。 2.如果必须使用JavaScript Al

    2024年02月14日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包