如果 event.target 被输入，则做出反应 - JavaScript

介绍

在 JavaScript 中，你可以通过监听事件并检测事件目标来实现对用户输入的反应。事件目标是触发事件的元素，比如输入框。

如果你想在用户输入后做出反应，比如验证用户输入或更新页面，你可以使用事件监听器来检测事件目标，并在事件被触发时执行相应代码。

示例代码

以下是一个基本的示例代码，演示了如何在输入框中输入文本时更新页面：

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

inputEl.addEventListener('input', (event) => {
  // 在输入框中输入文本时执行以下代码
  const inputValue = event.target.value;
  document.querySelector('#output').innerHTML = inputValue;
});

在这个示例中，我们使用 querySelector 方法获取了 ID 为 input 的输入框元素，并使用 addEventListener 方法添加了一个监听器，该监听器在输入框中输入文本时触发。

在事件被触发时，我们指定了一个回调函数，该函数将输入框的值存储在一个变量中，并使用 querySelector 方法选择了 ID 为 output 的元素，并将输入框的值设置为该元素的 innerHTML 属性，以更新页面。

注意事项

在编写事件监听器时，请记得处理可用性问题，以便你的代码能够与不同的浏览器和设备兼容。此外，请确保仔细检查你的代码，以防止潜在的安全漏洞和其他问题。

结论

在 JavaScript 中，你可以使用事件监听器来检测事件目标，并在事件被触发时执行代码。如果你想在用户输入后做出反应，你可以使用 input 事件。请记得处理可用性问题和检查你的代码，以确保其安全并兼容不同的浏览器和设备。