javascript - 我应该将哪个 'event' 与 iOS/Android 上的 <input/> 元素一起使用？

Question

我需要show/hide results when a user starts to type in the search field of an input element.

我可以使用的一些有趣的事件是

• 鼠标按下/鼠标弹起
• 触摸开始/触摸结束
• 专注

或者可能完全忽略“点击”事件，只使用“更改”事件来 1. 检测文本是否出现在搜索框中，2. 做出相应响应。

由于可能存在许多细微差别特别是在我不拥有的设备上并且无法测试，我希望有人可以告诉我应该使用哪个事件来处理这种情况。

*- 注意 - 演示需要手动编辑以下内容，直到配置正确的事件

 $("#local-filterable-listview").hide();
 $("#defaultHomeContent").hide();

Answer 1

这似乎真的取决于您想要的确切行为。如果您想在用户首次与该字段互动时触发操作，那么您需要基于以下条件触发:

touchstart
mousedown
focus

如果只想在字段内容改变时触发，可以响应:

input

如果你也想支持IE9之前的IE(不支持input事件，那么你可能还想触发基于:

keyup
drop