jquery mobile实现拨打电话功能的几种方法


Posted in Javascript onAugust 05, 2013

如果需要在移动浏览器中实现拨打电话,发送email,调用sns等功能,jquery mobile提供的接口是一个好办法。

采用url链接的方式,实现在safari ios,android 浏览器,webos 浏览器,塞班浏览器,ie,operamini等主流浏览器,进行拨打电话功能。

1.最常用的方式:

<a href="tel:+120">报警!</a>

在拨号界面,显示号码,并提示拨打。

支持大部分的浏览器,但是在qq浏览器上支持不好。

2、自动探测电话号码

如果要支持safari for ios ,blackberry browser的号码,需要加上一下标签:

<meta name="format-detection" content="telephone=no"> 
<meta http-equiv="x-rim-auto-match" content="none">

3.使用wtai协议进行拨打电话。

在wml中可以调用设备的wtai函数来呼叫特定的电话号码。目前,越来越多的浏览器都支持这个功能,但还不是所有。

代码如下所示:

<input name="phone_no" format="*m" value="13"/> <do type="option" label="呼出号"> <go href="wtai://wp/mc;$(phone_no)"/> </do><br/> 或者直接写入电话号码的方式: <a href="wtai://wp/mc;1331597312*">拨打电话</a>

实例:
<a href="wtai://wp//mc;10086">拨打10086 </a>  <a href="wtai://wp/ap;10086;">将10086存储至电话簿 </a>  <a href="sms:10086">发短信到10086 </a>

建议采用这个方式。

4、还有一种方式:

<a href="dc:5040*0077">拨打热线</a>

经过测试,大部分浏览器都不支持 了。
Javascript 相关文章推荐
javascript下function声明一些小结
Dec 28 Javascript
javascript 屏蔽鼠标键盘的几段代码
Jan 02 Javascript
js实时获取系统当前时间实例代码
Jun 28 Javascript
jquery中的on方法使用介绍
Dec 29 Javascript
Jquery中offset()和position()的区别分析
Feb 05 Javascript
AngularJS基础 ng-keyup 指令简单示例
Aug 02 Javascript
jquery validation验证表单插件
Jan 07 Javascript
使用OPENLAYERS3实现点选的方法
Sep 24 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
vue slot与传参实例代码讲解
Apr 28 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
Sep 18 Javascript
用VsCode编辑TypeScript的实现方法
May 07 Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 #Javascript
javascript显示用户停留时间的简单实例
Aug 05 #Javascript
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
Aug 05 #Javascript
JS字符串处理实例代码
Aug 05 #Javascript
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 #Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
Aug 03 #Javascript
jquery ui dialog实现弹窗特效的思路及代码
Aug 03 #Javascript
You might like
php socket方式提交的post详解
2008/07/19 PHP
sqlyog 中文乱码问题的设置方法
2008/10/19 PHP
简单的PHP缓存设计实现代码
2011/09/30 PHP
PHP中将ip地址转成十进制数的两种实用方法
2013/08/15 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
Open and Print a Word Document
2007/06/15 Javascript
jQuery实现id模糊查询的小例子
2013/03/19 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
2014/06/23 Javascript
javascript中setAttribute()函数使用方法及兼容性
2015/07/19 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
2016/05/05 Javascript
浅谈JavaScript 中有关时间对象的方法
2016/08/15 Javascript
Javascript获取图片原始宽度和高度的方法详解
2016/09/20 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
2016/10/17 Javascript
H5实现中奖记录逐行滚动切换效果
2017/03/13 Javascript
EasyUI Datebox 日期验证之开始日期小于结束时间
2017/05/19 Javascript
JavaScript变量作用域_动力节点Java学院整理
2017/06/27 Javascript
Vue 组件间的样式冲突污染
2017/08/31 Javascript
koa-router源码学习小结
2018/09/07 Javascript
用node.js写一个jenkins发版脚本
2019/05/21 Javascript
使用js实现一个简单的滚动条过程解析
2019/09/10 Javascript
[02:44]DOTA2英雄基础教程 克林克兹
2014/01/15 DOTA
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python网络编程学习笔记(三):socket网络服务器
2014/06/09 Python
浅析Python中的多进程与多线程的使用
2015/04/07 Python
八大排序算法的Python实现
2021/01/28 Python
使用Python如何测试InnoDB与MyISAM的读写性能
2018/09/18 Python
python实现控制台打印的方法
2019/01/12 Python
python多线程http压力测试脚本
2019/06/25 Python
通过实例解析Python调用json模块
2019/12/11 Python
你可能不知道的Python 技巧小结
2020/01/29 Python
PyTorch: Softmax多分类实战操作
2020/07/07 Python
美国玛丽莎收藏奢华时尚商店:Marissa Collections
2016/11/21 全球购物
迪卡侬印度官网:购买所有体育用品
2017/06/24 全球购物
什么是静态路由?什么是动态路由?各自的特点是什么?
2015/09/16 面试题
医学院护理专业应届生求职信
2013/11/12 职场文书
深入解析NumPy中的Broadcasting广播机制
2021/05/30 Python