Attachment 347090 Details for Bug 188561 – testcase, move mouse to top left corner, open console and reload and move mouse per instructions

testcase, move mouse to top left corner, open console and reload and move mouse per instructions

mouseenter.html (text/html), 1.07 KB, created by Olli Pettay (:smaug) on 2018-08-14 10:46:21 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Olli Pettay (:smaug)

Created: 2018-08-14 10:46:21 PDT

Size: 1.07 KB

patch

obsolete

><html>
>  <head>
>    <title></title>
>    <script>
>    var c = 0;
>    function logListener(e) {
>      console.log("[" + (++c) + "] " + e.type + ", target: " + e.target + ", id=" + e.target.id);
>    }
>
>    function dummyListener() {
>    }
>
>    function init() {
>      var h1 = document.getElementById("host1");
>      var sr1 = h1.attachShadow({mode: "open"});
>      sr1.innerHTML = "<span>Move mouse over me and look at the console</span>";
>      h1.addEventListener("mouseenter", logListener);
>
>      var h2 = document.getElementById("host2");
>      var sr2 = h2.attachShadow({mode: "open"});
>      sr2.innerHTML = "<span>Move mouse over me and look at the console</span>";
>      h2.addEventListener("mouseenter", logListener);
>      sr2.firstChild.addEventListener("mouseenter", dummyListener);
>    }
>    </script>
>    <style>
>    </style>
>  </head>
>  <body onload="init()">
>    <h3>host1 with event listener only on host element.</h3>
>    <div id="host1"></div>
>    <hr>
>    <h3>host2 with event listener on host element and in shadow element</h3>
>    <div id="host2"></div>
>  </body>
></html>

<html>
  <head>
    <title></title>
    <script>
    var c = 0;
    function logListener(e) {
      console.log("[" + (++c) + "] " + e.type + ", target: " + e.target + ", id=" + e.target.id);
    }

    function dummyListener() {
    }

    function init() {
      var h1 = document.getElementById("host1");
      var sr1 = h1.attachShadow({mode: "open"});
      sr1.innerHTML = "<span>Move mouse over me and look at the console</span>";
      h1.addEventListener("mouseenter", logListener);

      var h2 = document.getElementById("host2");
      var sr2 = h2.attachShadow({mode: "open"});
      sr2.innerHTML = "<span>Move mouse over me and look at the console</span>";
      h2.addEventListener("mouseenter", logListener);
      sr2.firstChild.addEventListener("mouseenter", dummyListener);
    }
    </script>
    <style>
    </style>
  </head>
  <body onload="init()">
    <h3>host1 with event listener only on host element.</h3>
    <div id="host1"></div>
    <hr>
    <h3>host2 with event listener on host element and in shadow element</h3>
    <div id="host2"></div>
  </body>
</html>

Actions: View

Attachments on bug 188561: 347090 | 349229 | 349234 | 349236 | 349237 | 349242