jQuery常用表单事件执行顺序

       <input type="text" id="input"/>
        <script>
            // 点击测试
            var input = document.getElementById("input");
            $(‘input‘).hover(function(){
                console.log("hover-in");
            },function(){
                console.log("hover-out");
            });
            input.addEventListener("mouseover", function(){
                console.log("mouseover");
            });
            input.addEventListener("mouseout", function(){
                console.log("mouseout");
            });
            input.addEventListener("mouseenter", function(){
                console.log("mouseenter");
            });
            input.addEventListener("mouseleave", function(){
                console.log("mouseleave");
            });
            input.addEventListener("mousedown", function(){
                console.log("mousedown");
            });
            input.addEventListener("mouseup", function(){
                console.log("mouseup");
            });
            input.addEventListener("focus", function(){
                console.log("focus");
            });
            input.addEventListener("click", function(){
                console.log("click");
            });
            input.addEventListener("keydown", function(){
                console.log("keydown");
            });
            input.addEventListener("keyup", function(){
                console.log("keyup");
            });
            input.addEventListener("change", function(){
                console.log("change");
            });
            input.addEventListener("blur", function(){
                console.log("blur");
            });
            
        </script>