在原生应用中,在搜索界面,输入搜索内容后,可以直接点击键盘搜索按钮,进入搜索结果页。
webapp,能实现这样的效果吗?
当然,答案是“能”。
这也是safari及ios的特性。
直接上代码。
HTML 部分:
<form onsubmit="return false">
<div class="inputline">
<input type="search">
</div>
<input type="submit" class="submitbtn hidden">
</form>
CSS部分:
.hidden{
visible:hidden
}
jquey部分:
$(".submitbtn).click(function(){
//empty键盘,完成搜索页隐藏,加载搜索页内容并显示
})
以上代码看起来很简单,主要说明下实现机制:
1:使用html5 input 的type=”search”特性,可以实现键盘上确认键控制。使其显示为“搜索”;
2:必须在
3:此外,需要实现搜索的真正功能。搜索的功能实际是执行form表单中的type=“submit”按钮的。这里就可以采用visible:hidden隐藏按钮,使用键盘代替。只需要在提交按钮中添加click事件,就可以完成真正的搜索。
大家还有其他的方案吗?欢迎分享