Атрибуты OnBlur / onChange не отображаются в инструменте Chrome dev

Question

Атрибут OnBlur не отображается в Chrome инструменте разработки. Это мой код React:

 <Input type="text" id="firstname" name="firstname" placeholder="First Name" value={this.state.firstname} onChange={this.handleInputChange} onBlur={this.handleBlur('firstname')} valid={errors.firstname===''} invalid={errors.firstname !==''}/>

Как вы можете видеть на картинке, ни On Change / On Blur не отображаются ни там, ни в структуре DOM, ни в слушателе событий! Где я могу их найти? почему они не отображаются?

НАЖМИТЕ ЗДЕСЬ, ЧТОБЫ ВИДЕТЬ ПРИКЛЮЧЕННОЕ ИЗОБРАЖЕНИЕ

Answer 1

вы можете попробовать событие oninput; событие onblur сработает только при нажатии на элемент