h5 做app时和原生交互的小常识。

   距离上次随笔或许有半年了吧,最近在用hybrid模式开发移动app,所以就简单的说说用h5技术开发app时候,做原生交互的几个小常识:

一、拨打电话或者发送短信:

<a href="tel:10086">点击a标签就会拨打电话</a>
<a href="sms:10086">点击a标签就会发送短信</a>
1 <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){
                                       //你要进行的事件代码
                               }
    })            

  未完,待续。。。

原文地址:https://www.cnblogs.com/7Ezreal/p/6651558.html