全部產品
Search
文件中心

Mobile Platform as a Service:確認框

更新時間:Jul 25, 2024

確認框的 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 都不是阻塞式的,即如果先後彈出兩個確認框,最後會看到後彈出的那個。

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

-