我应该在 iOS/Android 上与 <input/> 元素一起使用哪个“事件”？

Question

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

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

• mousedown / mouseup
• 触摸开始/触摸结束
• 专注

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

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

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

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

Answer 1

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

touchstart
mousedown
focus

如果只想在字段内容发生变化时触发，可以响应：

input

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

keyup
drop