確認框的 native 實現。
confirm 介面的使用方法
AlipayJSBridge.call('confirm', {
title: '親',
message: '確定要退出嗎?',
okButton: '是',
cancelButton: '否'
}, function(e) {
alert(JSON.stringify(e));
});程式碼範例
alert 和 confirm:
<h1>點擊以下按鈕看不同效果</h1>
<a href="javascript:void(0)" class="btn alert">點擊Alert</a>
<a href="javascript:void(0)" class="btn confirm">點擊Confirm</a>
<script>
function ready(callback) {
// 如果 jsbridge 已經注入則直接調用
if (window.AlipayJSBridge) {
callback && callback();
} else {
// 如果沒有注入則監聽注入的事件
document.addEventListener('AlipayJSBridgeReady', callback, false);
}
}
ready(function() {
document.querySelector('.alert').addEventListener('click', function() {
AlipayJSBridge.call('alert', {
title: '親',
message: '你好',
button: '確定'
}, function(e) {
e && alert(JSON.stringify(e))
});
});
document.querySelector('.confirm').addEventListener('click', function(){
AlipayJSBridge.call('confirm', {
title: '親',
message: '確定要退出嗎?',
okButton: '是',
cancelButton: '否'
}, function(e) {
alert(JSON.stringify(e))
});
});
});
</script>API 說明
重要
confirm 與 alert 都不是阻塞式的,即如果先後彈出兩個確認框,最後會看到後彈出的那個。
AlipayJSBridge.call('confirm',{
title, message, okButton, cancelButton
}, fn)入參
屬性 | 類型 | 描述 | 必填 | 預設值 |
title | string | Alert 框標題 | N | “” |
message | string | Alert 框文本 | N | “” |
align | string | message 對齊,可用枚舉值有 left、center、right。 | N | iOS:“center” Android:“left” |
okButton | string | 確定按鈕文字。 | N | “確定” |
cancelButton | string | 取消按鈕文字。 | N | “取消” |
fn | function | 回呼函數,當單擊按鈕後被調用。 | N | - |