Как не дать e.target указывать на дочерние элементы в реагировать? - PullRequest
Новая
       14

Как не дать e.target указывать на дочерние элементы в реагировать?

0 голосов
/ 17 мая 2019

У меня есть компонент (скажем, a), в котором есть много подкомпонентов. я хочу вызвать событие onmousemove для этого компонента. event.target внутри функции обратного вызова всегда должен указывать на div, но когда я наводю указатель мыши на дочерние элементы внутри него, event.target указывает на дочерний элемент, который находится над ним.

Как сделать так, чтобы это событие всегда указывало на основной компонент? 

  <div onMouseMove={(e) => this.test(e)}>
    <p>hello</p>
    <span>hi this is a test</p>
  </div>
  ..
  ..
  ..
  test(e) {
    console.log(e.target);
  }

Ожидаемый результат:

<div>..</div> // всегда

Фактическая выработка:

<div>..<div> // при наведении курсора на часть только div

<p>..</p> // при наведении курсора на р и т. Д.

1 Ответ

1 голос
/ 17 мая 2019

Существует e.currentTarget, это указывает на ожидаемое вами div

...