события указателя: ни один не работает с вводом текстового поля материала-интерфейса

У меня есть material-ui textField input, и я устанавливаю для него css на pointer-events: none, но это не мешает пользователю вводить текст при вводе.

Я знаю, что могу добавить флаг disabled={true}, но если бы я мог сделать это с помощью CSS, это было бы намного проще — вместо того, чтобы добавлять больше логики, проверять реквизиты и т. д., я могу просто отключить его на основе родительского класса.

Как вы используете события указателя: нет с вводом textField materialUI?


reactjs javascript material-ui pointer-events
person zero_cool    schedule 16.07.2018    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Установка атрибута disabled для входных данных является правильным методом отключения ввода. pointer-events: none обычно используется в изображениях SVG для подавления кликов.

person Ronnie Royston    schedule 16.07.2018

arrow_upward
0
arrow_downward

Можете добавить

const styles = theme => ({
  textField: {
    pointerEvents: "none"
  }
});

а затем в текстовом поле

<TextField
className={classes.textField} />

таким образом вам не нужно переопределять отключенный css.

person Pavel    schedule 05.04.2019