Я хочу вызвать событие mousemove js для объекта dom, который находится позади другого, как я могу вызвать событие, игнорируя передний объект?
Я хочу вызвать рисование прямоугольника, я сделал их с помощью jsи div, сначала у меня есть корневой div, который является моей ссылкой на высоту и ширину, затем я хочу использовать события мыши для изменения размера и изменения положения «прямоугольного» div, проблема заключается в том, когда я вызываю событие mousemove для моего «root», чтобы получитьданные о положении мыши и мой прямоугольник лежат впереди, тогда калькулятор сходит с ума, я имел в виду, событие root'.mousemove отменяется, когда моя мышь достигает объекта 'rect', поэтому я хочу, чтобы мой прямоугольник был 'прозрачный », а затем используйте только мои« корневые »обработчики событий, надеюсь, вы сможете понять и помочь.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="root">
<div id="rect">
</div>
</div>
<script>
var root = document.getElementById('root');
var rect =document.getElementById('rect');
root.addEventListener('mousemove',function(e){
rect.style.width = e.offsetX;
rect.style.height = e.offsetY;
});
</script>
</body>
</html>
Я хочу сделать« прямоугольник »прозрачным для событий мыши js.