@IvanIvanIvanIvanIvan

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

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


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

DJSVwTdfQtSUCAy4xldUIw.png
  • Вопрос задан
  • 113 просмотров
Решения вопроса 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
Похожие вопросы