焦点事件，当一个元素（比如链接或表单）得到或失去焦点时发生。
实例：
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>