收藏
回答

input 组件 focus 事件的延迟如何解决?

如题,开发者工具显示的基础库版本 3.15.2,测试设备有新旧 iPhone 和旧华为机(鸿蒙 4 相当于安卓 12 ?),手机上安装的是最新版微信

开发者工具里测试 focus 事件相关动画比较丝滑,但是手机上就会出现软键盘完全弹出才播放动画的情况,操作起来有迟滞感

我看到社区里有一个 8 年前的问答提到了这个问题,但是至今没有什么好的解决方案:https://developers.weixin.qq.com/community/develop/doc/000c2c8fe00cb0fcf9d721c5356000

我自己想的解决方案是将动画绑定到 input 的点击事件上(因为用户操作都是点击后获取焦点),不知道是否可行

回答关注问题邀请回答
收藏

3 个回答

  • showms
    showms
    06-10

    用点击事件呗,把input框做大一点,最大程度实现点击就会触发focus

    06-10
    有用
    回复 1
  • 启年
    启年
    06-10

    8年前的问题,可能没什么参考意义了。

    给input 加个点击事件,然后执行你的动画,完全可行啊。

    开发者工具里依托于电脑,性能肯定比手机好。再一个,开发者工具里边focus 了不会弹软键盘,跟真机的运行效果不一样。 还是看真机的效果进行调试吧。

    06-10
    有用
    回复 1
    • 某只正在看书的
      某只正在看书的
      06-10
      不指望微信的人了。。。我刚刚试了下,绑定点击事件这个方案可行,不过需要额外写一个 500ms 的 setTimeout 来确保后续触发了 focus,用于预防点击了但确实没有聚焦的边界情况。真机测试通过。
      06-10
      回复
  • 智能回答 智能回答 本次回答由AI生成
    06-10
    有用
    回复
登录 后发表内容