当我点击外部纸质对话框时会触发哪个事件？

Question

我想捕捉纸质对话框的关闭事件。

是否有任何事件在选项卡输出/对话框外触发？

Answer 1

你可以试试core-overlay-close-completed.

请看这个jsbin。

Answer 2

我尝试了另一种（在@justin 建议后）触发的方法：

  observe: {
    '$.dialog.opened': 'dialogChanged'
  },
  dialogChanged: function (old, new) {
    console.log(new);
  },

我明白了，opened 对话框的属性，它根据对话框状态而改变。

Answer 3

从 Polymer 1.0 版本开始，您可以执行以下操作：

<paper-dialog id="loginDialog">
    ...
</paper-dialog>

var dialog = document.getElementById('loginDialog');
dialog.addEventListener('iron-overlay-closed', function (customEvent) {
    var id = customEvent.currentTarget.id;
    console.log(id + " is closed!");
});

customEvent 具有许多不同的属性，可让您查看您来自哪个对话框。上面的示例查看 currentTarget 字段的 Id。

在paper-dialog-behaviors.html中我们看到可以监听以下事件：

listeners: {
  'click': '_onDialogClick',
  'iron-overlay-opened': '_onIronOverlayOpened',
  'iron-overlay-closed': '_onIronOverlayClosed'
},

当我点击外部纸质对话框时会触发哪个事件？

Which event fires when i click outside paper-dialog?

polymer