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>

原文地址:https://www.cnblogs.com/rubylouvre/p/3407380.html