禁止单击 Polymer 中的自定义元素

Question

禁止自定义元素被点击的最佳方法是什么（例如，当它处于动画状态时或仅仅因为它应该为用户禁用）。这意味着不应触发 "click"/"tap" 等输入事件并禁用链接。

我想禁用整个元素，包括其他纸元素，而不仅仅是纸按钮等。为此，我知道有 "disabled" 属性。

CSS和pointer-events一起使用最好吗？还是有任何其他适用于所有浏览器的方法？

enter link description here

Answer 1

谢谢，我现在按以下方式做，工作正常：

在自定义样式中

  :host([disabled]) {
    color: #a8a8a8;
    cursor: auto;
    pointer-events: none;
  }

在属性中

      disabled: {
        type: Boolean,
        notify: true,
        reflectToAttribute: true
      }

在代码中

       this.disabled = false;