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函数、方法、对象代码
Oct 29 Javascript
JavaScript动态调整TextArea高度的代码
Dec 28 Javascript
解析window.open的使用方法总结
Jun 19 Javascript
canvas简单快速的实现知乎登录页背景效果
May 08 Javascript
iscroll动态加载数据完美解决方法
Jul 18 Javascript
JavaScript设计模式之代理模式实例分析
Jan 16 Javascript
setTimeout与setInterval的区别浅析
Mar 23 Javascript
vue实现动态按钮功能
May 13 Javascript
vue的注意规范之v-if 与 v-for 一起使用教程
Aug 04 Javascript
a标签调用js的方法总结
Sep 05 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
Aug 14 Javascript
原生jQuery实现只显示年份下拉框
Dec 24 jQuery
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自动获取目录下的模板的代码
2010/08/08 PHP
php冒泡排序、快速排序、快速查找、二维数组去重实例分享
2014/04/24 PHP
php生成百度sitemap站点地图类函数实例
2014/10/17 PHP
比Jquery的document.ready更快的方法
2010/04/28 Javascript
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
EASYUI TREEGRID异步加载数据实现方法
2012/08/22 Javascript
Js如何判断客户端是PC还是手持设备简单分析
2012/11/22 Javascript
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
2015/08/13 Javascript
Jquery实现纵向横向菜单
2016/01/24 Javascript
js判断价格,必须为数字且不能为负数的实现方法
2016/10/07 Javascript
vue2.0开发实践总结之入门篇
2016/12/06 Javascript
Javascript中call,apply,bind方法的详解与总结
2016/12/12 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
2017/03/15 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
JS co 函数库的含义和用法实例总结
2020/04/08 Javascript
vue实现公共方法抽离
2020/07/31 Javascript
python读取二进制mnist实例详解
2017/05/31 Python
Python实现将数据写入netCDF4中的方法示例
2018/08/30 Python
Python Series从0开始索引的方法
2018/11/06 Python
python实现播放音频和录音功能示例代码
2018/12/30 Python
Django实现CAS+OAuth2的方法示例
2019/10/30 Python
Python figure参数及subplot子图绘制代码
2020/04/18 Python
keras中epoch,batch,loss,val_loss用法说明
2020/07/02 Python
如何利用python生成MD5并去重
2020/12/07 Python
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
2013/01/31 HTML / CSS
编写html5时调试发现脚本php等网页js、css等失效
2013/12/31 HTML / CSS
英国打印机墨盒销售网站:Ink Factory
2019/10/07 全球购物
德国、奥地利和瑞士最大的旅行和度假门户网站:HolidayCheck
2019/11/14 全球购物
大二学期个人自我评价
2014/01/13 职场文书
外语专业毕业生自荐信
2014/04/14 职场文书
保险公司开门红口号
2014/06/21 职场文书
2015年度培训工作总结范文
2015/04/02 职场文书
医院保洁员管理制度
2015/08/05 职场文书
2016教师学习教育法心得体会
2016/01/19 职场文书
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL