Polymer 确定事件目标是否是另一个元素的子元素
我试图找出确定事件目标属于哪个父节点的最佳方法 您有一个自定义聚合物元素,其中包含2种或更多形式。每个表单都有一个提交按钮:Polymer 确定事件目标是否是另一个元素的子元素,polymer,Polymer,我试图找出确定事件目标属于哪个父节点的最佳方法 您有一个自定义聚合物元素,其中包含2种或更多形式。每个表单都有一个提交按钮: <form is="iron-form" id="form1" method="post" action="/action1"> <paper-button on-tap="_submitHandler">Send<paper-button> </form> <form is="iron-form" id="f
<form is="iron-form" id="form1" method="post" action="/action1">
<paper-button on-tap="_submitHandler">Send<paper-button>
</form>
<form is="iron-form" id="form2" method="post" action="/action2">
<paper-button on-tap="_submitHandler">Send<paper-button>
</form>
...
<form is="iron-form" id="formN" method="post" action="/action3">
<paper-button on-tap="_submitHandler">Send<paper-button>
</form>
然后在标记中有处理程序:
_submitHandler: function(e) {
var path = Polymer.dom(e).path;
var item = null;
var form = null;
for (var i = 0; i < path.length; i++) {
item = path[i];
switch (item) {
case this.$.form1:
form = this.$.form1;
break;
case this.$.form2:
form = this.$.form2;
break;
// ... N cases
}
}
if (form != null) {
form.submit()
}
}
一定有更好的办法。。。处理此类案件的正确方式是什么
我正在使用Polymer 1.0试试这个:
_submitHandler: function(e) {
var form = var form = Polymer.dom(e).parentNode;
if (form != null) {
form.submit()
}
}
或者这个:
_submitHandler: function(e) {
var form = var form = Polymer.dom(e.target).parentNode;
if (form != null) {
form.submit()
}
}
方法如下:
_submitHandler: function(e) {
Polymer.dom(e).localTarget.parentNode.submit();
}
我试过了。形式未定义。顺便说一句,我用的是聚合物1.0,请看上面我自己的答案。刚刚测试,它的工作。谢谢