【个人心得】js绑定事件 执行顺序问题平

用js   以下三种方式都可以绑定事件

但是，如果用不同的方式对同一个按钮，绑定不同的操作的事件，执行顺序会怎么样呢

1.$(function (){    

    $("#inputText").focus(function (){
            alert(33);
        }).blur(function (){
            alert(44);
        });

});

2.$(document).ready(function(){        
    $("#inputText").focus(function (){
            alert(11);
        }).blur(function (){
            alert(22);
        });
});   

3.function onfocus() {
        alert(55);
   }

 function onblur() {
        alert(66);
   }

<input id="inputText" type="text"  onfocus="onfocus()" onblur="onblur()"/>

经过几次测试，得出以下结论：

1.第三种onfocus onblur里的方法最早执行，即先alert 55或者66；

第一种方法和第二种方法，由js代码前后顺序决定执行的先后顺序。

2.若在第三种function onfocus() 中有大量的js代码，会先把onfocus 里面的完全执行完成，再根据顺序执行第一种或者第二种js里面的代码

3.若在第三种function onfocus() 中return false，则会停止执行第三种写在 “return false”后面的代码，但却会照样执行第一种或者第二种js里面的代码