当元素失去焦点时实现 JavaScript

给定一个文档，任务是在元素失去焦点时实现功能。我们有 2 个选项，一个是onblur 事件，另一个是onfocusout 事件JavaScript。我们将讨论几种方法。
先了解几个方法。

onblur 事件：
当元素将失去焦点时会发生此事件。
句法：
- 在 HTML 中：
- 在 JavaScript 中：
```
object.onblur = function(){script};
```
- 在 JavaScript 中，使用 addEventListener() 方法：
```
object.addEventListener("blur", script);
```
onfocusout 事件：
此方法附加一个节点作为节点的最后一个子节点。
句法：
- 在 HTML 中：
- 在 JavaScript 中：
```
object.onfocusout = function(){script};
```
- 在 JavaScript 中，使用 addEventListener() 方法：
```
object.addEventListener("focusout", script);
```

示例 1：此示例将onblur 事件添加到元素，并且当它发生时，指定的代码运行。



  

    
        JavaScript 
      | Run JavaScript when an element loses focus.
    

  

      
            GeeksForGeeks

输出：

示例 2：此示例将onfocusout 事件添加到元素，并在发生时指定代码运行。



  

    
        JavaScript 
      | Run JavaScript when an element loses focus.
    

  

      
            GeeksForGeeks

输出：