JavaScript 焦点事件

焦点事件，当一个元素（比如链接或表单）得到或失去焦点时发生。

实例：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>焦点事件</title>
 6 </head>
 7 <body>
 8 <h1>失去焦点后转大写</h1>
 9 <p>输入字符，可以转换成大写！</p>
10 <input id="s">
11 <br><br>
12 <button>点击我，input失去焦点</button>
13 <p id="out">
14     <script >
15         var EL = document.getElementById('s');
16         EL.addEventListener('blur', checkkey, false);
17 
18         function checkkey(e){
19             var str = EL.value;
20             alert("你输入的字符是："+str);
21             out.textContent=str.toUpperCase();
22         }
23     </script>
24 </body>
25 </html>

 

posted @ 2019-08-02 19:53  梦人亭  阅读(1000)  评论(0)  编辑  收藏  举报