React TypeScript Input Paste Event

Question

I'm building a component and currently I'm watching for events on input and textarea with a typed event via InputEvent: React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLTextAreaElement>

I'm having trouble determining which event type would be fired when pasting input into these elements. Would I be reduced to using any for this or do they have an event that would be relevant when pasting input?

LMox · Accepted Answer · 2019-06-18 15:34:30Z

18

I know it has been a while since you asked, but I ran into the same problem today. Fixed it with:

event: React.ClipboardEvent

answered Jun 18, 2019 at 15:34

LMox

2163 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Diamond · Accepted Answer · 2019-06-18 15:40:16Z

4

Another way to handle the paste event: You can use onPaste event in input.

paste(e){
    // e.target.value: this is prev value before paste.
  }
...
<input type="text" onPaste={this.paste} />

answered Jun 18, 2019 at 15:40

Diamond

3,4904 gold badges21 silver badges43 bronze badges

1 Comment

Jared Over a year ago

Thank you, the question was more centered around what the event should be "typed" as. This may help someone though!

Collectives™ on Stack Overflow

React TypeScript Input Paste Event

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related