【个人心得】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"  οnfοcus="onfocus()" οnblur="onblur()"/>



经过几次测试,得出以下结论:

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

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


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


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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值