HTML | DOM onblur 事件

HTML DOM onblur 事件在对象失去焦点时发生。 onblur 事件与 onfocus 事件相反。
onblur 事件主要与表单验证代码一起使用（例如，当用户离开表单字段时）。

句法：

在 HTML 中：

在 JavaScript 中：

object.onblur = function(){myScript};

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("blur", myScript);

示例：使用 HTML

  

    
        
          GeeksforGeeks
      
        HTML DOM onblur event Email:
        
  
        
            function myFunction() {
                alert("Focus lost");
            }
        
    

  

输出：

示例：在 JavaScript 中：

  

    
        
          GeeksforGeeks
      
        HTML DOM onblur event
        
  
        
            document.getElementById("email").onblur = function() {
                myFunction()
            };
  
            function myFunction() {
                alert("Input field lost focus.");
            }
        
    

  

输出：

示例：在 JavaScript 中，使用 addEventListener() 方法

  

    
        
          GeeksforGeeks
      
        HTML DOM onblur event
        
  
        
            document.getElementById(
              "email").addEventListener("blur", myFunction);
  
            function myFunction() {
                alert("Input field lost focus.");
            }
        
    

  

输出：

支持的浏览器： HTML DOM onblur 事件支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果Safari
• 歌剧