从Polymer.dom(事件)获取子元素
抓住元素从Polymer.dom(事件)获取子元素,polymer,polymer-1.0,Polymer,Polymer 1.0,抓住元素paper ripple为动画结束事件附加事件侦听器的最佳方法是什么?此元素将位于dom repeat中。我尝试从Polymer.dom(event.localTarget)获取孩子但没有成功。点击的需要留在父项中 <div on-tap="goToSingleListing" data-listingID="[[url.listing_id]]"> <paper-ripple></paper-ripple> ... g
paper ripple
为动画结束事件附加事件侦听器的最佳方法是什么?此元素将位于dom repeat中。我尝试从Polymer.dom(event.localTarget)获取孩子代码>但没有成功。点击的需要留在父项中
<div on-tap="goToSingleListing" data-listingID="[[url.listing_id]]">
<paper-ripple></paper-ripple>
...
goToSingleListing: function(event) {
var el = Polymer.dom(event).localTarget;
var firstChildElementName = Polymer.dom(el).firstChild;
...
firstChildElementName.addEventListener('transitionend', ()=> {
page(url);
});
...
goToSingleListing:函数(事件){
var el=Polymer.dom(event.localTarget);
var firstChildElementName=Polymer.dom(el).firstChild;
...
firstChildElementName.addEventListener('transitionend',()=>{
网页(网址);
});
您可以直接在
上使用事件处理程序,而不是尝试从点击事件处理程序获取对
的引用
项目[[项目]]
谢谢!但是,我现在处于一个独立的新环境中,我还需要获得Polymer.dom(e).localTarget
子元素,而这次它不是纸张涟漪
。有什么想法吗?我需要子元素。我有具体的原因,为什么我要走这条路线,而不是其他方法(要解释的太多)
// dom-module template
<template is="dom-repeat" items="[[items]]">
<div on-tap="...">
<paper-ripple on-transitionend="_onItemTransitionEnd"></paper-ripple>
</div>
</template>
// dom-module script
Polymer({
...
_onItemTransitionEnd: function(e) {
...
}
}