確定一個事件目標是否是另一個元素的子元素

Question

我試圖找出確定事件目標屬於哪個父節點的最佳方法。

你有一個定製的聚合物元素與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="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() 
    } 
} 

必須有一個更好的方式來做到這一點...什麼是處理的正確方法這樣的情況？

我使用的聚合物1.0

Answer 1

試試這個：

_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() 
    } 
} 

Answer 2

的方式做到這一點如下：

_submitHandler: function(e) { 
    Polymer.dom(e).localTarget.parentNode.submit(); 
}