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 Ajax 跨域访问的解决方案
Mar 12 Javascript
javascript设计模式 接口介绍
Jul 24 Javascript
js实现动态改变字体大小代码
Jan 02 Javascript
jquery图形密码实现方法
Mar 11 Javascript
JS截取与分割字符串常用技巧总结
Nov 10 Javascript
JS碰撞运动实现方法详解
Dec 15 Javascript
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
Vue-Access-Control 前端用户权限控制解决方案
Dec 01 Javascript
layui的table中显示图片方法
Aug 17 Javascript
ES6入门教程之Array.from()方法
Mar 23 Javascript
对vue中的事件穿透与禁止穿透实例详解
Oct 28 Javascript
vue props对象validator自定义函数实例
Nov 13 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 jquery 实现新闻标签分类与无刷新分页
2009/12/18 PHP
PHP 手机归属地查询 api
2010/02/08 PHP
关于php mvc开发模式的感想
2011/06/28 PHP
php Session存储到Redis的方法
2013/11/04 PHP
PHP实现的支付宝支付功能示例
2019/03/26 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
网页javascript精华代码集
2007/01/24 Javascript
Exjs 入门篇
2010/04/07 Javascript
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
2010/06/11 Javascript
JavaScript游戏之优化篇
2010/11/08 Javascript
JS实现的颜色实时渐变效果完整实例
2016/03/25 Javascript
html5+javascript实现简单上传的注意细节
2016/04/18 Javascript
vue bootstrap小例子一枚
2017/06/09 Javascript
Echarts基本用法_动力节点Java学院整理
2017/08/11 Javascript
百度地图去掉marker覆盖物或者去掉maker的label文字方法
2018/01/26 Javascript
Angular @HostBinding()和@HostListener()用法
2018/03/05 Javascript
详解vue的diff算法原理
2018/05/20 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
2018/07/10 Javascript
微信小程序实现授权登录
2019/05/15 Javascript
webpack自动打包和热更新的实现方法
2019/06/24 Javascript
Vue看了就会的8个小技巧
2021/01/21 Vue.js
python中的set实现不重复的排序原理
2018/01/24 Python
对Python中的@classmethod用法详解
2018/04/21 Python
python复制列表时[:]和[::]之间有什么区别
2018/10/16 Python
Python使用pandas和xlsxwriter读写xlsx文件的方法示例
2019/04/09 Python
Windows下PyCharm2018.3.2 安装教程(图文详解)
2019/10/24 Python
基于python实现地址和经纬度转换
2020/05/19 Python
如何用python批量调整视频声音
2020/12/22 Python
HTML5+JS实现俄罗斯方块原理及具体步骤
2013/11/29 HTML / CSS
html5简单示例_动力节点Java学院整理
2017/07/07 HTML / CSS
上海中网科技笔试题
2012/02/19 面试题
污水厂厂长岗位职责
2014/01/04 职场文书
学校卫生检查制度
2014/02/03 职场文书
2015年世界艾滋病日活动总结
2015/03/24 职场文书
mysql多表查询-笔记七
2021/04/05 MySQL
Python如何把不同类型数据的json序列化
2021/04/30 Python