ts中如何获取 input标签的值

在TypeScript中，如果你想从HTML `input` 标签获取值，首先需要确保你的项目使用了DOM操作库，如`@types/react-dom` 或者直接在浏览器环境中使用原生的DOM API。这里以React为例，假设你已经在组件中绑定了`onChange`事件处理程序：

import React, { useState } from "react";

interface Props {}

const MyComponent: React.FC<Props> = () => {
  const [inputValue, setInputValue] = useState<string>("");

  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    setInputValue(event.target.value);
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleChange} />
      {/* 使用useState的当前值 */}
      <p>The input value is: {inputValue}</p>
    </div>
  );
};

export default MyComponent;

在这个例子中，`handleChange`函数会在用户输入时更新`inputValue`的状态。然后你可以在组件内随时通过`inputValue`来获取输入框的值。

如果你是在纯JavaScript环境中（比如浏览器全局环境），你可以这样做：

window.addEventListener('DOMContentLoaded', () => {
  const inputElement = document.getElementById('myInput');
  if (inputElement) {
    const inputValue = inputElement.value;
    console.log('Input value:', inputValue);
  }
});

这里的`inputElement.value`就是你需要的输入值。