javascript - 从 Polymer 中的发送者获取数据值

Question

我正在尝试在 Polymer 中创建一个灯箱组件，其子项有多个 <img>标签。这些将有 src ，这是一个缩略图和一个 data-fullimage属性，它将包含完整尺寸图像的路径。

在 Polymer 组件中，我在图像内容选择器上设置了点击标签，并使用 sender.xyz 进行任何 Javascript 调用。返回content标签，而不是图像标签，因此不允许我检索完整图像的路径。有什么办法可以得到 data-fullimage单击的图像的，甚至是 src如果需要的话值(value)？

polymer 成分

imageClick: function(event, detail, sender) 
{
      console.log(sender);
}

实现

<paper-lightbox>
    <img src="img/one.png" data-fullimage="img/one-large.png"></img>
    <img src="img/two.png" data-fullimage="img/two-large.png"></img>
</paper-lightbox>

Answer 1

无需将点击处理程序放在 img 标记上。此外，这不起作用，因为它们没有绑定(bind)到 paper-lightbox 元素中的函数。你想要的是

event.path[0].getAttribute("data-fullimage")

但这仅在您的轻量 DOM 元素仅由一个元素组成时才有效。如果您的 light DOM 元素更复杂，但应该可以在任何地方单击它们，请改用此表达式

event.path[[].indexOf.call(event.path, sender) - 1].getAttribute("data-fullimage")