<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Contact Example</title>
<style type="text/css">
.contact{padding:5px;border-bottom:1px solid gray;}
</style>
<script type="text/javascript" charset="utf-8" src="js/cordova.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(function(){
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
var options = new ContactFindOptions();
var fields = ["displayName", "phoneNumbers"];
options.multiple = true;
navigator.contacts.find(fields, onSuccess, onError,options);
}
var list = $("#contacts");
function onSuccess(contacts) {
for (var i=0; i<contacts.length; i++) {
$("<p class='contact'/>").text(contacts[i].displayName)
.data("name", contacts[i].displayName)
.data("number", contacts[i].phoneNumbers[0].value)
.click(function(){
$("#name").text($(this).data("name"));
$("#number").text($(this).data("number"));
$("#detail").show();
$("#contacts").hide();
}).appendTo(list);
}
}
function onError(contactError) {
alert('onError!');
}
$("#back").click(function(){
$("#detail").hide();
$("#contacts").show();
});
});
</script>
</head>
<body>
<h1>通讯录</h1>
<div id="contacts"></div>
<div id="detail" style="display:none">
姓名：<span id="name"></span>
手机号：<span id="number"></span>
<div style="text-align:center;margin-top:10px"><button id="back" style="width:90px;height:60px;">返回</button></div>
</div>
</body>
</html>
phonegap 获取设备原生的通讯录信息
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 大约一年前，创业圈有着这么一个段子：某个创业公司的初期市场很成功，获得了某机构的天使投资的巨额投资，创业者十分高兴...
