我想给input框用addEventListener添加onblur事件 并且传当前值进去

好的，你可以使用以下代码来实现：

const input = document.querySelector('input');

input.addEventListener('blur', function() {
  const value = this.value;
  console.log(value); // 打印当前输入框的值
});

这段代码会获取页面中第一个 input 元素，并为其添加一个 onblur 事件。当输入框失去焦点时，会执行事件处理程序，并将当前输入框的值存储在变量 value 中。你可以根据需求将其传递给其他函数或进行其他操作。

相关问题

我想给input框用addEventListener添加onblur事件 然后onblur绑定一个事件 事件传当前值

好的，你可以这样写：

const input = document.querySelector('input');

input.addEventListener('blur', function() {
  const value = input.value;
  // 在这里可以对输入的值进行处理
  console.log(value);
});

在上面的代码中，我们通过 `querySelector` 方法获取了一个 `input` 元素，并使用 `addEventListener` 方法添加了 `blur` 事件。当输入框失去焦点时，会触发这个事件，并执行事件处理函数。在事件处理函数中，我们可以通过 `input.value` 获取当前输入框中的值，并进行相应的处理。在这里，我只是简单地在控制台输出了这个值。

input onblur

### 使用 `onblur` 事件

在 JavaScript 中，可以通过多种方式为 HTML 元素绑定 `onblur` 事件处理器。此事件会在元素失去焦点时触发。

#### 方法一：行内设置
可以直接在 HTML 标签中使用 `onblur` 属性来定义当元素失去焦点时应执行的操作：

<input type="text" id="myInput" onblur="handleBlur()">
<script>
function handleBlur() {
    console.log('输入框已失去焦点');
}
</script>

#### 方法二：通过 JavaScript 设置属性
也可以先获取到目标 DOM 对象再为其设定 `onblur` 属性对应的回调函数：

var inputElement = document.getElementById('myInput');
inputElement.onblur = function () {
    console.log('输入框已失去焦点');
};

#### 方法三：利用 `addEventListener()` 添加监听器
推荐的做法是采用标准的事件监听接口——`addEventListener()`方法动态注册事件处理程序，这样可以更灵活地管理多个不同的响应逻辑而不互相覆盖:

document.getElementById("myInput").addEventListener("blur", function(event){
    console.log(`当前失去焦点的是 ${event.target.tagName} 元素`);
});

以上三种方式都可以有效地实现对 `onblur` 事件的支持[^1]。