确认框

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

AlipayJSBridge.call('confirm',{
  title, message, okButton, cancelButton
}, fn)

入参

注意事项

与 alert 相同，confirm 也不是阻塞式的，也就是说如果先后弹了 2 个警告框，最后看到的是后弹的那个。