首页 > Web开发 > 详细

jQuery常用表单事件执行顺序

时间:2017-08-30 21:11:24      阅读:249      评论:0      收藏:0      [点我收藏+]
       <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>

 

技术分享

jQuery常用表单事件执行顺序

原文:http://www.cnblogs.com/hcxwd/p/7455248.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!