我想给input框用addEventListener添加onblur事件 并且传当前值进去
时间: 2023-07-30 11:06:02 浏览: 40
好的,你可以使用以下代码来实现:
```
const input = document.querySelector('input');
input.addEventListener('blur', function() {
const value = this.value;
console.log(value); // 打印当前输入框的值
});
```
这段代码会获取页面中第一个 input 元素,并为其添加一个 onblur 事件。当输入框失去焦点时,会执行事件处理程序,并将当前输入框的值存储在变量 value 中。你可以根据需求将其传递给其他函数或进行其他操作。
相关问题
我想给input框用addEventListener添加onblur事件 然后onblur绑定一个事件 事件传当前值
好的,你可以这样写:
```javascript
const input = document.querySelector('input');
input.addEventListener('blur', function() {
const value = input.value;
// 在这里可以对输入的值进行处理
console.log(value);
});
```
在上面的代码中,我们通过 `querySelector` 方法获取了一个 `input` 元素,并使用 `addEventListener` 方法添加了 `blur` 事件。当输入框失去焦点时,会触发这个事件,并执行事件处理函数。在事件处理函数中,我们可以通过 `input.value` 获取当前输入框中的值,并进行相应的处理。在这里,我只是简单地在控制台输出了这个值。
onblur
`onblur`是一个HTML标签属性,表示当元素失去焦点时执行的代码。例如,下面的代码设置了一个输入框,当该输入框失去焦点时会弹出一个提示框:
```html
<input type="text" onblur="alert('失去焦点了!')">
```
当用户在该输入框中输入完内容,点击其他地方时,就会弹出提示框。
在JavaScript中,也可以通过`addEventListener`方法来添加`blur`事件的监听器,例如:
```javascript
var input = document.getElementById('myInput');
input.addEventListener('blur', function(event) {
alert('失去焦点了!');
});
```
这个代码片段会为ID为`myInput`的输入框添加一个`blur`事件监听器,当该输入框失去焦点时,会弹出提示框。其中,`event`参数表示触发该事件的事件对象,可以用来获取相关的事件信息。