Javascript InputEvent.dataTransfer始终为空

Javascript InputEvent.dataTransfer始终为空,javascript,reactjs,Javascript,Reactjs,我的组件中有以下元素: <div className="document" contentEditable="true" placeholder="Write something...." ref={this.document} onBlur={this.onBlur} onInput={this.onInput} dangerouslySetInnerHTML={{__html: document.content}}></div> 我想使用dataTransfer来确

我的组件中有以下元素:

<div className="document" contentEditable="true" placeholder="Write something...." ref={this.document} onBlur={this.onBlur} onInput={this.onInput} dangerouslySetInnerHTML={{__html: document.content}}></div>
我想使用
dataTransfer
来确定是否粘贴/删除了某些内容,而不必监听每个人的特定事件,以便从
InputEvent
管理所有内容(因为
InputEvent
触发了我想监听的大多数操作)

甚至MDN上的示例也不起作用,因为
dataTransfer
null


为什么会这样?这是一个尚未实现的标准吗?

MDN示例可以在Firefox中使用,但不能在Chrome中使用。另一方面,在同一个MDN示例中,在Chrome中收听
beforeinput
而不是
input
,但在Firefox中不起作用。因此,结合使用这两个事件应该可以跨两个浏览器工作

据我所知,声明在这两种情况下都应该设置属性

onInput(event) {
    event = event.nativeEvent;
    console.log(event.dataTransfer); // This is null
}