javascript - 设置焦点在 div 元素上的问题

Question

我正在尝试将焦点设置在 div 元素上，因此我的工具提示模式将可以滚动，而无需将鼠标悬停在该元素上页面溢出。我的想法是在工具提示上设置一个最大高度并允许它可以滚动。

这是我尝试过的。

     <div
      ref={ this.setFocus }
      onFocus={ this.handleFocus }
      className="custom-tooltip"
      styleName="custom-tooltip"
     >

对于我的 setFocus 函数

setFocus = (div) => {
 if(div !== null && this.props.active) {
  const myDiv = ReactDOM.findDOMNode(div) as HTMLDivElement;

  return myDiv.focus();
 }
}

我的 onFocus 功能永远不会被触发。

Answer 1

如果不使用此元素，您将无法聚焦非表单元素。为 focus( input, textarea) 使用表单元素，或者您可以将第三方contenteditablereact 组件附加到您的项目中，例如：react-contenteditable、react-content-editable或将您的 selfcontenteditable组件添加到您的项目中。