blur和focus的运用
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了blur和focus的运用相关的知识，希望对你有一定的参考价值。
这两个事件不仅仅只能运用与input、span之类的元素。还可以运用于window。
可以切换title。
当切换当前页面时，改变title的文字为‘离开了’.
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>select事件</title> 6 </head> 7 <body> 8 <input type="text" value="select事件"> 9 <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script> 10 <script type="text/javascript"> 11 $(‘input‘).select(function(event) { 12 $(this).css(‘background‘,‘#999‘); 13 }); 14 var title = $(‘title‘).html(); 15 $(window).blur( function () { $(‘title‘).text(‘你离开了！‘) } ); 16 $(window).focus(function(){$(‘title‘).text(title);}) 17 </script> 18 </body> 19 </html>
以上是关于blur和focus的运用的主要内容，如果未能解决你的问题，请参考以下文章
jquery失去焦点与获取焦点事件blur() focus()
说说focus /focusin /focusout /blur 事件