微信小程序input框onfocus获取焦点的延迟问题

Zhangyiluan / 2024-11-17 / 原文

  今天敲代码,原本想实现的效果是:

  input框有placeholder,点击input,placeholder清空。

  

  好比上图,点击输入框,框内的“请输入四位XX”就会消失。

  原本想着是,给input框添加@focus,当input框获取到焦点的时候,清空placeholder。

  但是实际运行时候发现,placeholder清空的时间会有延迟,测试的时候没有这回事,但是一到真机运行就会有这个问题。

  仔细观察发现,placeholder消失的时间点,和键盘弹出的时间节点类似。

  所以,如果只输入数字,可以将input的type="text"改成type="number",number键盘弹出会快一点,延迟会略微小一点。