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 选中表格一列并对表格排序实现原理
Dec 15 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
基于jquery的simpleValidate简易验证插件
Jan 31 Javascript
JavaScript设计模式之建造者模式介绍
Dec 28 Javascript
JavaScript中的Math.E属性使用详解
Jun 12 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
Sep 15 Javascript
JavaScript构建自己的对象示例
Nov 29 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
Jul 04 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
Jan 21 Javascript
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
Feb 04 jQuery
js 函数性能比较方法
Aug 24 Javascript
关于JavaScript中异步/等待的用法与理解
Nov 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中json_decode()和json_encode()的使用方法
2012/06/04 PHP
合并ThinkPHP配置文件以消除代码冗余的实现方法
2014/07/22 PHP
php实现通用的信用卡验证类
2015/03/24 PHP
转换字符串为json对象的方法详解
2013/11/29 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
2013/12/01 Javascript
谈谈Jquery中的children find 的区别有哪些
2015/10/19 Javascript
JavaScript代码判断点击第几个按钮
2015/12/13 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
2016/06/25 Javascript
jQuery实现底部浮动窗口效果
2016/09/07 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
2016/10/10 Javascript
实战node静态文件服务器的示例代码
2018/03/08 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
2018/08/17 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
2018/09/19 Javascript
[49:21]TNC vs VG 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第三场 8.20.mp4
2019/08/22 DOTA
php使用递归与迭代实现快速排序示例
2014/01/23 Python
详解Python中dict与set的使用
2015/08/10 Python
Pycharm远程调试openstack的方法
2017/11/21 Python
python实现二叉查找树实例代码
2018/02/08 Python
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
远程部署工具Fabric详解(支持Python3)
2019/07/04 Python
从numpy数组中取出满足条件的元素示例
2019/11/26 Python
django框架F&amp;Q 聚合与分组操作示例
2019/12/12 Python
使用pytorch 筛选出一定范围的值
2020/06/28 Python
Python中猜拳游戏与猜筛子游戏的实现方法
2020/09/04 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
整理HTML5的一些新特性与Canvas的常用属性
2016/01/29 HTML / CSS
阿迪达斯印度官方商城:adidas India
2017/03/26 全球购物
List, Set, Map是否继承自Collection接口?
2016/05/16 面试题
房产销售经理职责
2013/12/20 职场文书
12月红领巾广播稿
2014/02/13 职场文书
自考毕业自我鉴定
2014/03/18 职场文书
《天游峰的扫路人》教学反思
2014/04/25 职场文书
员工年终考核评语
2014/12/31 职场文书
数学考试作弊检讨书300字
2015/02/16 职场文书
MongoDB使用profile分析慢查询的步骤
2021/04/30 MongoDB
详细聊聊vue中组件的props属性
2021/11/02 Vue.js