登陆注册验证
一、登录注册验证
1.1 自定义事件和默认事件执行顺序
a标签,input标签(type=checkbox,submit)都有默认事件,如果给相应的标签加上了自定义事件,那么默认事件和自定义事件的执行顺序是怎样的?
解:默认情况下,都是自定义事件先执行。
具体分类如下:
a.默认事件先执行的标签(特殊个别标签):
checkbox
实例:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <body> 7 <input type="checkbox"/> 8 // checkbox自带默认事件,下面自定义了click事件。 9 // 如果默认事件不是先执行,则打完“√”之后,输出的应该是false. 10 <script src="jquery-1.12.4.js"></script> 11 <script> 12 $(":checkbox").click( 13 function(){ 14 var v=$(this).prop('checked'); 15 console.log(v); 16 } 17 ) 18 </script> 19 </body> 20 </html>
b.自定义事件先执行的标签(大多数标签)
a
submit
...
实例:
1 <form> 2 <input type='type' /> 3 <input type='password' /> 4 <input type='submit' /> 5 </form> 6 <script src="jquery-1.12.4.js"></script> 7 <script> 8 $(':submit').click(function(){ 9 10 $(':text,:password').each(function(){ 11 ... 12 return false; 13 }) 14 return false; //只有所有规则都符合才执行事件,否则,返回false,事件不执行。 15 }) 16 </script>