JavaScript 中的 event.target.value

在 JavaScript 中，事件对象 (event) 提供了很多关于事件触发元素的信息，其中包括事件触发元素的值 (value)。我们可以通过 event.target.value 来获取事件触发元素的值。

使用示例

下面是一个简单的示例，演示如何在输入框中输入内容时，实时获取输入框的值并显示在页面中：

<input type="text" oninput="showValue(event)">
<div id="value"></div>

<script>
function showValue(event) {
  const value = event.target.value;
  document.querySelector('#value').textContent = value;
}
</script>

在上面的代码中，我们在输入框 (<input type="text">) 上注册了一个 oninput 事件处理函数 showValue。每次输入框的内容发生变化时，该处理函数就会被触发。

在 showValue 函数中，我们通过 event.target.value 来获取输入框的值，并将其通过 document.querySelector('#value').textContent 显示在页面中。

注意事项

• event.target 表示触发事件的元素，需要保证事件的触发元素拥有 value 属性。

• 常见的拥有 value 属性的元素包括 <input>、<textarea>、<select> 等。

• 如果没有找到触发事件的元素，或者该元素没有 value 属性，则 event.target.value 将返回 undefined。

总结

JavaScript 中的 event.target.value 可以轻松地获取事件触发元素的值，让我们能够更灵活地操作其内容。在实际开发中，我们可以利用这个特性来实现很多功能，比如实时搜索、表单验证等等。

以上是对 event.target.value 的相关介绍。