javascript - 当用户单击时关注自定义元素并在其后面创建覆盖层

Question

我有一个自定义元素，每当用户单击它时，它都会接受输入，我想关注它并在其他元素上创建覆盖层，当用户单击 div 外部时，我想删除覆盖层。

我尝试使用iron-overlay-behavior来实现这一点，但无法实现预期的行为。

<custom-element 
    with-backdrop 
    scroll-action="lock"
    clicked="{{isClicked}}"
></decision-view>

显示的所有示例主要针对 paper-dialog，但如何将 iron-overlay-behavior 用于我自己的自定义元素？

Answer 1

iron-overlay-behavior 似乎更多地适用于模式对话框，您想要完成的事情是不同的(例如，模式对话框一次只显示一个，并且< em>需要用户输入才能返回正常的应用程序/网站行为)。所以我认为这种行为的自然现象是禁用其他任何东西来集中注意力!

当你说:

create an overlay on other elements

这是什么意思？只是在它们上面涂上白色，就像它们不可见一样？