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 相关文章推荐
一个无限级XML绑定跨框架菜单(For IE)
Jan 27 Javascript
js中document.getElementByid、document.all和document.layers区分介绍
Dec 08 Javascript
JQuery表单验证插件EasyValidator用法分析
Nov 15 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
Jan 18 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
Feb 14 Javascript
JavaScript中获取纯正的undefined的方法
Mar 06 Javascript
第七章之菜单按钮图标组件
Apr 25 Javascript
对于js垃圾回收机制的理解
Sep 14 Javascript
Vue2.0用户权限控制解决方案
Nov 29 Javascript
VueRouter导航守卫用法详解
Dec 25 Javascript
vue.js 微信支付前端代码分享
Feb 10 Javascript
javascript的var与let,const之间的区别详解
Feb 18 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中全局变量global的使用演示代码
2011/05/18 PHP
php 数组动态添加实现代码(最土团购系统的价格排序)
2011/12/30 PHP
PHP模拟QQ登录的方法
2015/07/29 PHP
PHP共享内存用法实例分析
2016/02/12 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
PHP实现可精确验证身份证号码的工具类示例
2018/05/31 PHP
PHP中number_format()函数的用法讲解
2019/04/08 PHP
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
JS文本框不能输入空格验证方法
2013/03/19 Javascript
js 验证身份证信息有效性
2014/03/28 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
jQuery表单美化插件jqTransform使用详解
2015/04/12 Javascript
详谈JavaScript的闭包及应用
2017/01/17 Javascript
JS控件bootstrap suggest plugin使用方法详解
2017/03/25 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
Vue.js组件间通信方式总结【推荐】
2018/11/23 Javascript
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
简化Python的Django框架代码的一些示例
2015/04/20 Python
使用SAE部署Python运行环境的教程
2015/05/05 Python
Python导入oracle数据的方法
2015/07/10 Python
Python的dict字典结构操作方法学习笔记
2016/05/07 Python
python实现简单中文词频统计示例
2017/11/08 Python
利用python如何处理百万条数据(适用java新手)
2018/06/06 Python
Django数据库操作之save与update的使用
2020/04/01 Python
Python学习之os模块及用法
2020/06/03 Python
pandas分批读取大数据集教程
2020/06/06 Python
python 实现波浪滤镜特效
2020/12/02 Python
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
国家励志奖学金个人先进事迹材料
2014/05/04 职场文书
个人求职自荐信范文
2014/06/20 职场文书
后备干部推荐材料
2014/12/24 职场文书
商场收银员岗位职责
2015/04/07 职场文书
2015年文秘个人工作总结
2015/10/14 职场文书
多表查询、事务、DCL
2021/04/05 MySQL