2014-05-06 21 views
1

我需要show/hide results when a user starts to type in the search field of an input element.我应该在iOS/Android上使用哪个'事件'与<input/>元素?

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

  • 鼠标按下/鼠标松开
  • touchstart/touchend
  • 重点

或者是忽略了 “点击”事件完全,只是使用“更改”事件来检测文本是否出现在搜索框中,2.作出相应的反应。

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

* - 注 - 演示需要以下的人工编辑,直到合适的事件被配置

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

回答

1

现在看来似乎真的取决于你想要的确切行为是什么。如果您想在用户第一次同场配合以触发一个动作,那么你会希望触发基于:

touchstart 
mousedown 
focus 

如果你想只有当内容在现场更改为触发,你可以回应于:

input 

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

keyup 
drop 
+0

谢谢我不当时看到输入字段我查看Google Developer工具并突出显示该元素。 (我不知道任何其他方式列出给定对象的事件)。你的意思是'改变'而不是输入? – LamonteCristo

+0

@ makerofthings7 - 我正在谈论['标签的'input'事件,如[这里]所述(https://developer.mozilla.org/en-US/docs/Web/Reference/Events/input) 。 – jfriend00

+0

有趣的是:只有场地失去焦点后,变化才会发生。输入可能是最好的选择。 – LamonteCristo

相关问题