폴리머로 이벤트 위임

Question

외부 본문 요소의 이벤트 위임을 섀도우 요소에 추가 할 수있는 방법이 있습니까?

예를 들어 anchor을 class="special"으로 클릭 할 때마다 특수 기능이 실행되기를 바랍니다. (JQuery와의)

일반적으로는 :

$('body').on('click', 'a.special', myFunction);

그러나이 적어도 모든 것과 내가 해봤 그림자 DOM을 사용하여 가능하지 않는 것 같습니다. 일부 템플릿에 나타나는 것처럼이 핸들러를 a.special의 모든 인스턴스에 추가해야합니까? 당신의 예에서

Answer 1

, 당신은 여전히 ​​사용자 지정 요소와 함께 이벤트 위임을 사용할 수 있습니다

$('body').on('click', 'my-element', myFunction); 

차이를 내 요소 대신하여 요소의 그림자 DOM의 내부 a.special에서 온 같은 이벤트가 보일 것입니다 . event model이 그림자 타겟팅의 구현 세부 사항을 숨기기 위해 타겟 변경을하기 때문입니다.

또한 a.special을 클릭하면 이벤트를 발생하여 요소 내부에 설치 리스너 수 있습니다 http://www.polymer-project.org/articles/communication.html#utilizing-event-delegation 더 정교한 뭔가를

, 폴리머 사이트의 Communication & Message Passing을 확인하십시오. 특히, <core-signals>은 pubsub-like 패턴으로 사용될 수 있습니다.