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

Question

禁用自定义元素被点击的最佳方法是什么(例如，当它处于动画状态时或仅仅因为它应该为用户禁用)。这意味着不应触发诸如“点击”/“点击”之类的输入事件并禁用链接。

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

最好将 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;