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

h5 做app时和原生交互的小常识。相关推荐

h5做app和原生app有什么区别？
H5开发的web APP和原生APP的区别有以下几个方面: 一.开发方面原生App ⊙ 每一种移动操作系统都需要独立的开发项目 ⊙ 每种平台都需要独立的开发语言.Java(Android), Obj ...
h5做app和原生app有什么区别
H5开发的web APP和原生APP的区别有以下几个方面: 一.开发方面原生App ⊙ 每一种移动操作系统都需要独立的开发项目 ⊙ 每种平台都需要独立的开发语言.Java(Android), Obj ...
H5网页App和纯原生的App差距在哪？
1.动画动画有很多种,比如侧边栏菜单的滑入滑出.元素的响应动画.页面切换之间的过场等等,在H5之下的众多实现方法都没有办法达到纯原生的性能.一般这些的话有几种不同的选择:css3动画.javasc ...
uniapp设置的组件样式在H5和APP中生效，在微信小程序中不生效问题解决
问题:想修改uview组件库中组件的样式,想通过深度选择器>>>(/deep/)的方式修改,修改后在H5和APP上都正常生效,但在小程序中看不到设置的样式. 解决: 1.需要先在使用 ...
vue开发android tv,h5做APP TV(电视端APP vue框架)-Go语言中文社区
先px转rem,然后把psd上传蓝湖,把尺寸改为750的图纸,按照上面的尺寸来写代码 1.安装px2rem-loader npm install px2rem-loader 2.配置px2rem-lo ...
h5做APP TV(电视端APP vue框架)
先px转rem,然后把psd上传蓝湖,把尺寸改为750的图纸,按照上面的尺寸来写代码 1.安装px2rem-loader npm install px2rem-loader 2.配置px2rem-lo ...
你还不会小程序啊？手把手带你做第一个和服务器交互的小程序
2017年的时候,腾讯推出了微信小程序,当时火的一塌糊涂,圈子里几乎所有的程序员都在讨论小程序的话题:随着腾讯对小程序的功的逐步开放,2018年,尤其是在微信首页下拉增加小程序入口之后,小程序正式爆发 ...
App Store上架App时遇到的的一些小问题及解决方案
App下载之后显示的名称是打包前在Xcode里设置的General-Identity-Display Name设置的名称,不是App Store Connect设置的那个. 在上传预览截屏时,如果使用 ...
记录 vue项目打包放入 hbuilder 做app真机测试时无法请求后台服务接口
1.因为发布app时 vue开发模式下配置的跨域是无效的,打包后会找不到接口例如下面是之前的错误版: '/propertyCmsAPI': {target: 'http://192.168.1.11 ...

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

h5 做app时和原生交互的小常识。相关推荐

最新文章

热门文章