[Bug 25657] [D3E] click event after mousedown and mouseup events (more detail)

https://www.w3.org/Bugs/Public/show_bug.cgi?id=25657

--- Comment #1 from spiritRKS1910 <crimsteam@gmail.com> ---
Theoretical examples in IE and Chrome (Firefox never generate click event in
this cases). 

Case1:
<body>(click target)
 <div>mousedown target<div>
 <p>mouseup target<p>
</body> 

Case2:
<div>mousedown target (click target)
 <p>mouseup target<p>
<div>

Case3:
<html>mouseup target (click target)
 <body>mousedown target<body>
</html> 

This browser have strange behaviour when move mouse to adding content
(mousedown generate sth and we move mouse to this, especially text node in
Chrome) and when mouseup adding sth too, but it looks like a bug, sometimes
it's different in IE and Chrome. 

Small practical test:

<!DOCTYPE html>
<html>

<head>

    <style>
        * { outline: none; }
        body > * { outline: none; -webkit-touch-callout: none;
-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; }
    </style>

<body>

    <div style="background-color: #CCC; border: 1px solid #888;" id="dragel">
        Some DIV1. Drag me to a below paragraph to receive click event.
    </div>
    <p>Some paragraph P1 outside DIV1.</p>

    <div style="background-color: #FFF; border: 1px solid #888;" >Another DIV2.
Drag me to a below paragraph to receive click event.
    <p>Another paragraph P2 inside DIV2. </p>
    </div>

    <div id="output" style="border: 1px solid #888;"></div>

    <script>
        var elem = document.getElementById("output");

        window.addEventListener("mousedown", function(e){
            elem.innerHTML += "e.type: " + e.type
            + "<br>" + "e.target: " + e.target + "<br><br>";
        });

        window.addEventListener("mouseup", function(e){
            elem.innerHTML += "e.type: " + e.type
            + "<br>" + "e.target: " + e.target + "<br><br>";
        });

        window.addEventListener("click", function(e){
            elem.innerHTML += "e.type: " + e.type
            + "<br>" + "e.target: " + e.target + "<br><br>";
        });

    </script>

</body>

</html>

-- 
You are receiving this mail because:
You are the QA Contact for the bug.

Received on Tuesday, 13 May 2014 00:54:15 UTC