全部产品

确认框

更新时间:2020-08-07 20:02:27

确认框的 native 实现。

confirm 接口的使用方法

  1. AlipayJSBridge.call('confirm', {
  2. title: '亲',
  3. message: '确定要退出吗?',
  4. okButton: '是',
  5. cancelButton: '否'
  6. }, function(e) {
  7. alert(JSON.stringify(e));
  8. });

代码示例

alertconfirm

  1. <h1>点击以下按钮看不同效果</h1>
  2. <a href="javascript:void(0)" class="btn alert">点击Alert</a>
  3. <a href="javascript:void(0)" class="btn confirm">点击Confirm</a>
  4. <script>
  5. function ready(callback) {
  6. // 如果 jsbridge 已经注入则直接调用
  7. if (window.AlipayJSBridge) {
  8. callback && callback();
  9. } else {
  10. // 如果没有注入则监听注入的事件
  11. document.addEventListener('AlipayJSBridgeReady', callback, false);
  12. }
  13. }
  14. ready(function() {
  15. document.querySelector('.alert').addEventListener('click', function() {
  16. AlipayJSBridge.call('alert', {
  17. title: '亲',
  18. message: '你好',
  19. button: '确定'
  20. }, function(e) {
  21. e && alert(JSON.stringify(e))
  22. });
  23. });
  24. document.querySelector('.confirm').addEventListener('click', function(){
  25. AlipayJSBridge.call('confirm', {
  26. title: '亲',
  27. message: '确定要退出吗?',
  28. okButton: '是',
  29. cancelButton: '否'
  30. }, function(e) {
  31. alert(JSON.stringify(e))
  32. });
  33. });
  34. });
  35. </script>

API

  1. AlipayJSBridge.call('confirm',{
  2. title, message, okButton, cancelButton
  3. }, 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 -

注意事项

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