@IvanIvanIvanIvanIvan

Работа с атрибутами тега?

<div onClick={this.props.page} id="1" style={this.state.numeral}><p>1</p></div>


Подскажите, как сделать так что бы онклик работал только с тегом div, и ему никак не мешал внутренний тег
При наведении на div, выскакивает значок текста, и что бы на див попасть надо в самый угол нажимать

DJSVwTdfQtSUCAy4xldUIw.png
  • Вопрос задан
  • 117 просмотров
Решения вопроса 1
rockon404
@rockon404
Frontend Developer
Используйте e.currentTarget, этот ключ объекта SyntheticEvent всегда будет указывать на элемент на котором слушается событие:
class Example extends React.Component {
  handleClick = e => {
    alert(`
      target: ${e.target.tagName}
      currentTarget: ${e.currentTarget.tagName}
      `);
  };
  
  render() {
    return <button onClick={this.handleClick}><p>click me</p></button>;
  }
}

Демо: https://jsfiddle.net/ns0jutqe/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы