onBlur不会在 tag？“

Question

我正在尝试在图像页面上调用onBlur，但是它不起作用。这是代码：这是一个类组件

  showToolTip = () => {
    console.log("called");
    this.setState({ copyMessage: "Copy To Clipboard" });
  };

  copyToClipboard = () => {
    this.copy_span.select();
    document.execCommand("copy");
    this.setState({ copyMessage: "Copied!" }, () => {
      this.copyRef.current.focus();
    });
  };

<img ref={this.copyRef} data-tip data-for="clip" src={require( "../../assets/img/copy.svg")} alt={ ""} className="copy_link_image" onBlur={this.showToolTip} onClick={this.copyToClipboard} />
<ReactTooltip id="clip" type="dark">
  <span>{this.state.copyMessage}</span>
</ReactTooltip>

我在做什么错？

我正在尝试在图像页面上调用onBlur，但是它不起作用。这是代码：这是一个类组件showToolTip =（）=> {console.log（“ Called”）; this.setState（{copyMessage：“ ...

Answer 1

onBlur事件不适用于img标签，它仅适用于输入字段。您可以在文档上附加事件处理程序，然后单击此处可以将状态更改回默认值。