元素从失去焦点到其他元素被点击期间的事件

元素从失去焦点到其他元素被点击期间的事件，假设我们正在填写一张表单，输入完文本内容后，点击提交按钮；那么在这期间，对于这两个表单元素来说都发生了哪些事件呢？

<input onblur="inputBlur()" onchange="inputChange()" type="text" /><button onclick="btnClick()" onmousedown="btnMouseDown()" onmouseup="btnMouseUp()">OK</button><script>
        //input失去焦点
        function inputBlur(){
            console.log("input blur");
        }
        //input值变化
        function inputChange(){
            console.log("input change");
        }
        //按钮click事件
        function btnClick(){
            console.log("btn click");
        }
        //按钮mousedown事件
        function btnMouseDown(){
            console.log("btn mousedown");
        }
        //按钮mouseup事件
        function btnMouseUp(){
            console.log("btn mouseup");
        }
    </script>

效果图：
浏览器中，在元素输入状态下按回车也会触发onchange事件）
click事件的执行顺序为mousedown -> mouseup -> click
dblclick事件的执行顺序为mousedown -> mouseup -> click -> mousedown -> mouseup -> click -> dblclick