通过单击子图标清除父输入 - Javascript（无JQuery）

Question

如何通过点击其子paper-input来清除iron-icon？

我有以下代码：

HTML

<paper-input id="one" class="one" on-input="doFunction">
    <iron-icon suffix icon="clear" id="clearOne" class="clear" on-click="clear"></iron-icon>
</paper-input>

JS

clear : function(e) {
  Polymer.dom(e.currentTarget.parentNode).value = '';
}

在查看parentNode中的各种属性后，我使用了currentTarget，但仍然没有运气。

注意：我将在页面中的多个paper-input元素中使用此功能。

Answer 1

将您的功能定义更改为：

clear : function(e) {
  e.target.parentNode.value = '';
}

我希望这会有所帮助。