确认框

确认框的 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 说明

注意

confirmalert 都不是阻塞式的,即如果先后弹出 2 个确认框,最后会看到后弹出的那个。

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

回调函数,当单击 button 后被调用。

N

-

阿里云首页 移动开发平台 mPaaS 相关技术圈