dataTransfer is null

[rahulbansal16]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/API/InputEvent/dataTransfer

What specific section or headline is this issue about?

Code example given below

What information was incorrect, unhelpful, or incomplete?

In the code example, it is mentioned that if I try to paste some text inside the content editable div, the result div just below the content editable div will access the data transfer object, get that content, and display it.

However, running the example doesn't show any output in the result. Instead, there is an error saying "unable to read getData of null," basically indicating that the data transfer object is null.

What did you expect to see?

By the example, whatever I have pasted inside the content editable div should be displayed in the result div.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/api/inputevent/datatransfer
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/API/InputEvent/dataTransfer
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/api/inputevent/datatransfer/index.md
• Last commit: 980b5a0
• Document last modified: 2024-07-05T01:52:57.000Z

[wbamberg]

This works for me in Firefox and Safari, but not in Chrome. I don't know why though.