blur和focus的運用

時間 2019-11-20

標籤 blur focus 運用简体版

原文原文鏈接

這兩個事件不單單隻能運用與input、span之類的元素。還能夠運用於window。javascript

能夠切換title。css

當切換當前頁面時，改變title的文字爲‘離開了’.html

 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>

相關標籤/搜索