javascript 无需点击即可激活输入字段

db2dz4w8  于 2023-03-16  发布在  Java
关注(0)|答案(1)|浏览(91)

我希望在页面加载时不用点击输入字段就可以输入内容,这样当浏览器打开时,我就可以开始输入了。我的应用程序是用React构建的。
我尝试在input标签中使用autofocus属性,但是没有效果。

kq0g1dla

kq0g1dla1#

你试过useRef钩子吗?

import { useRef, useEffect } from "react";

export const App = () => {
  const ref = useRef(null);

  useEffect(() => {
    if (ref.current) {
      ref.current.focus();
    }
  }, []);

  return (
    <input type="text" ref={ref} />
  );
};

相关问题