Question

我试图将焦点设置在div元素上，这样我的工具提示模式就可以滚动而不必鼠标悬停在该元素上，问题是我的recharts工具提示有太多的数据并且在下一个图表上溢出下一个图形工具提示是溢出的页面。我的想法是在工具提示上设置最大高度并允许它可滚动。

继承人我曾经尝试过的。

     <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

如果不对此元素进行任何处理，则无法对非表单元素进行聚焦。使用表单元素进行关注（input，textarea），或者您可以将第三方contenteditable反应组件附加到项目中，例如：react-contenteditable，react-content-editable或vrite你的自我contenteditable组件。

设置焦点在div元素

1 个答案: