用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里面的代码