当我有一个由a生成的元素的引用时<template>,在Polymer.js中,这样的元素有一个属性templateInstance,提供对它的模板的引用,就像它在这里使用的那样:
https://github.com/PolymerLabs/polymer-selector/blob/master/polymer-selector.html#L286
我想知道如何捕获来自父元素的子元素发生的事件,如下所示.我知道这个方法可以捕获事件,this但我需要从子元素中获取它.
我不想通过全局变量或其他类似的方式从事件中捕获事件li并传输信息,foo因为我最终将实现一个mousemove每个触发器发送鼠标位置的事件,并且通过它发送它的效率非常低全局变量技术(如为API中证明这里),减缓该应用.
<polymer-element name="foo">
<template>
<ul>
<li>This is my child element</li>
</ul>
</template>
<script>
Polymer('foo', {
ready: function() {
document.querySelector('li').addEventListener('mousedown', function() {
console.log('mousedown event working');
})
}
});
</script>
</polymer-element>
Run Code Online (Sandbox Code Playgroud)
提前感谢您提供的任何见解.