Ruby's Louvre

每天学习一点点算法

导航

Shadow DOM的事件绑定

好悲催,阴世界的事件对象跑到光世界时,它的属性都被重写了,要自己做备份。

      <div id="root">Hello, world!</div>
        <script>
            var host = document.querySelector('#root');
            document.onclick = function(e){
                console.log(e._target)
            }
            var root = host.webkitCreateShadowRoot();
           root.addEventListener("click", function(e){
               e._target = e.target
           })
            var p = document.createElement('p');
            p.innerHTML = "这是影世界"
            root.appendChild(p)
        </script>

posted on 2013-11-08 09:07  司徒正美  阅读(1764)  评论(0编辑  收藏  举报