代码之家 › 专栏 › 技术社区 › gerd hübner

禁止单击聚合物中的自定义元素

custom-element polymer css javascript

gerd hübner · 技术社区 · 7 年前

禁止单击自定义元素的最佳方式是什么(例如,当自定义元素处于动画状态时,或者仅仅因为用户应该禁用自定义元素)。这意味着不应触发“click”/“tap”等输入事件,也不应禁用链接。

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

是否最好使用 CSS 具有 pointer-events ? 或者是否有其他方法适用于所有浏览器?

1 回复 | 直到 7 年前

gerd hübner 7 年前

谢谢,我现在按以下方式操作,效果很好:

在自定义样式中

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

在属性中

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

In代码

       this.disabled = false;

推荐文章

Lars MH · Aurelia:在顶层声明自定义元素并跨应用程序访问

7 年前

gerd hübner · 禁止单击聚合物中的自定义元素

7 年前

Cheetah · 具有绝对位置的自定义元素

7 年前

Max Smaleha · 聚合物2事件

7 年前

James · 未捕获引用错误抽屉未在HTMLElement上定义。onclick in Polymer 2.0?

7 年前

dangerChihuahua007 · 聚合物模块中有多个插入点?

8 年前

Un1 · 如何使disqus注释javascript代码在聚合物自定义元素中工作

8 年前

l1e3e3t7 · 向aurelia视图添加自定义元素

9 年前