target.value 打字稿

简介

在 HTML 中，可以通过事件对象的 target 属性获取事件发生的元素。而对于输入框（<input> 或 <textarea>），还可以通过 target.value 获取用户输入的文本内容。target.value 是一个字符串，包含了用户输入在输入框内的所有内容。

用法

const inputBox = document.getElementById('input-box');
inputBox.addEventListener('input', function(event) {
  const userInput = event.target.value;
  // 处理用户输入的内容
});

在上面的例子中，inputBox 是一个 <input> 或 <textarea> 元素，当用户在输入框中输入、删除或剪切时，会触发 input 事件。事件监听函数中的 event.target 即为用户触发事件的输入框元素，使用 event.target.value 就可以获取用户输入的文本内容。

注意事项

• target.value 返回的是字符串，对于数字或日期等特定类型的输入，需要格外处理。
• 对于表单，需要阻止默认的提交行为，避免页面刷新。
• 对于敏感信息（如密码），需要采取适当的加密措施，避免明文存储在浏览器中。

总结

target.value 是获取用户输入文本的常用方式，可以用于实现搜索、自动保存等功能。在使用的过程中，需要注意对输入内容的校验、表单提交等细节问题。