距离上次随笔或许有半年了吧,最近在用hybrid模式开发移动app,所以就简单的说说用h5技术开发app时候,做原生交互的几个小常识:
一、拨打电话或者发送短信:
<a href="tel:10086">点击a标签就会拨打电话</a>
<a href="sms:10086">点击a标签就会发送短信</a>
<a href="tel:">点击a标签就会跳到拨打电话页</a>
二、调用原生输入法,默认显示“搜索”按钮:
<form action="javascript:;">
<input type="search" class="input" placeholder="请在此输入订单号" >
</form>
需要注意的是,input的type标签等于“search”的时候会得到搜索输入框的一些特有样式,在input外套一个form标签是实现这个功能的核心,form里的action可以指定跳转页面链接,当然我开发的时候是不要求页面跳转的,所以放了“javascript:;”,(当不放置内容,或者内容为“#”的时候虽然不会跳转页面,但是会刷新本页面)。此外在安卓机上,搜狗输入法并不会显示“搜索”按钮,而是展示为一个回车键,但并不影响使用。
下面说说怎么监听这个“搜索”按钮进行搜索事件:
$('.input').keydown(function(event){
if(event.which===13){
//你要进行的事件代码
}
})
未完,待续。。。