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 相关文章推荐
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
Apr 25 Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
Jun 08 Javascript
使用js获取图片原始尺寸
Dec 03 Javascript
学习JavaScript设计模式之模板方法模式
Jan 20 Javascript
javascript基础知识分享之类与函数化
Feb 13 Javascript
全面解析多种Bootstrap图片轮播效果
May 27 Javascript
node.js操作mongodb简单示例分享
May 25 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
Mar 28 Javascript
Vue 监听元素前后变化值实例
Jul 29 Javascript
vue配置多代理服务接口地址操作
Sep 08 Javascript
JavaScript 实现轮播图特效的示例
Nov 05 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
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
2011/08/08 PHP
php防止CC攻击代码 php防止网页频繁刷新
2015/12/21 PHP
深入理解PHP之源码目录结构与功能说明
2016/06/01 PHP
PHP使用标准库spl实现的观察者模式示例
2018/08/04 PHP
Aster vs KG BO3 第一场2.18
2021/03/10 DOTA
一个加密JavaScript的开源工具PACKER2.0.2
2006/11/04 Javascript
javascript 静态对象和构造函数的使用和公私问题
2010/03/02 Javascript
修复IE9&amp;safari 的sort方法
2011/10/21 Javascript
javascript题目,重写函数让其无限相加
2012/02/15 Javascript
学习从实践开始之jQuery插件开发 对话框插件开发
2012/04/26 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
js对文章内容进行分页示例代码
2014/03/05 Javascript
Jquery对数组的操作技巧整理
2014/03/25 Javascript
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
javascript实现动态加载CSS
2015/01/26 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
2015/04/06 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
JavaScript 正则命名分组【推荐】
2018/06/07 Javascript
解决vue的变量在settimeout内部效果失效的问题
2018/08/30 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
微信小程序实现锚点跳转
2020/11/23 Javascript
python文件和目录操作方法大全(含实例)
2014/03/12 Python
关于Python数据结构中字典的心得
2017/12/04 Python
python使用pil进行图像处理(等比例压缩、裁剪)实例代码
2017/12/11 Python
ubuntu17.4下为python和python3装上pip的方法
2018/06/12 Python
情人节快乐! python绘制漂亮玫瑰
2020/08/18 Python
详解pandas如何去掉、过滤数据集中的某些值或者某些行?
2019/05/15 Python
在pytorch中对非叶节点的变量计算梯度实例
2020/01/10 Python
python3实现名片管理系统(控制台版)
2020/11/29 Python
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
如何利用cmp命令比较文件
2013/09/23 面试题
读书活动实施方案
2014/03/10 职场文书
广告宣传策划方案
2014/05/21 职场文书
2015初一年级组工作总结
2015/07/24 职场文书
2016年学生会感恩节活动总结
2016/04/01 职场文书
Python实现Excel文件的合并(以新冠疫情数据为例)
2022/03/20 Python