Question

如何从onBlur事件中提取innerHTML？

我之前只使用过onChange和onClick事件处理程序。在这些情况下，传递给回调的事件参数（或至少第一个参数）是一个对象，我可以从中提取event.target.value。

但是onBlur事件会返回另一种对象：

27 = ab+cd+ef+gh+kl...+yz

如何从中提取innerHTML？

Proxy {[[Handler]], [[Target]], [[IsRevoked]]}

Answer 1

要从contentEditable获取数据，您可以执行console.log(event.target.textContent)。

所以你的程序看起来像

import React, { Component } from "react";
export default class Subject extends Component {
  constructor(props) {
  super(props);
 }
 onBlur(event) {
  console.log(event.target.textContent);
 }
 render() {
  return (
   <div>
     <p>subject</p>
     <p contentEditable="true" name='subject' onBlur={this.onBlur}>{this.props.subject}</p>
   </div>
  )
 }
}

获取div innerHTML onBlur？

1 个答案: