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>

 

posted @ 2016-01-27 17:13  黑客PK  阅读(1340)  评论(0)  编辑  收藏  举报