blur和focus的运用

最新推荐文章于 2024-02-14 22:14:59 发布

anhuang1896

最新推荐文章于 2024-02-14 22:14:59 发布

阅读量128

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qianduanjingying/p/5163929.html

版权

这两个事件不仅仅只能运用与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>