确认框的 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 | - |
文档内容是否对您有帮助?