onChange и onClick внутри кнопки не работают в IE - PullRequest
Новая
       18

onChange и onClick внутри кнопки не работают в IE

2 голосов
/ 16 января 2020

Реакция: 16.

onClick в поле ввода и onChange не работает на IE. Это работает гладко на chrome.

. Вызывает ли проблема добавление двух onclick? Один на кнопке, а другой на поле ввода? 

<button onClick={this.addEventOnTimePicker()}>
  <div style={style.buttonContent}>
    <div style={style.buttonIcon}>
      <Clock style={style.iconStyle} />
    </div>
    <input
      style={style.timeInput}
      onClick={() => {
        this.timePickerToggle(!open);
      }}
      disabled={disabled}
      ref={instance => (this.dropDown = instance)}
      value={typeof time === 'string' ? time : moment(time).format('LT')}
      onChange={this.onTimeChange.bind(this)}
    ></input>
  </div>
</button>

timePickerToggle = open => {
  this.addEventOnTimePicker();
  this.setState({ open }, () => {
      ....
    }
  });
};

1 Ответ

2 голосов
/ 16 января 2020

Окончательный рабочий код на IE: 

<div
  style={style.buttonContent}
  onClick={() => {
    this.timePickerToggle(!open);
  }}
>
  <div style={style.timeIcon}>
    <Clock style={style.iconStyle} />
  </div>
  <input
    style={style.timeInput}
    disabled={disabled}
    ref={instance => (this.dropDown = instance)}
    value={typeof time === 'string' ? time : moment(time).format('LT')}
    onChange={this.onTimeChange.bind(this)}
  ></input>
</div>
...