Как создать кастомный input range slider на ангуляре 2?

Question

[Stanislav Chernomorchenko]

Всем привет. Столкнулся со следующей проблемой при разработке кастомного input range slidera.
У меня есть контейнер в котором лежат обьекты.

<div class="box" (mouseenter)="onEvent($event)" #container
     (mouseleave)="onEvent($event)"
     (mousemove)="coordinates($event)"
     on-click="onEvent($event)"
     on-dblclick="onEvent($event)"
     on-contextmenu="onEvent($event)">
    <p class="type">Type: {{event?.type}}</p>
    <p>x: {{clientX}}, y: {{clientY}}</p>
    <p>ctrl: {{event?.ctrlKey}}, shift: {{event?.shiftKey}}, meta: {{event?.metaKey}}</p>


    <div class="slider-container" #sliderContainer (mousemove)="moveSwitch()">
        <div id="firstSwitcher" class="slider-switch"  style="margin-left: 400px"></div>
        <input type="button" value="asdasd" style="margin-left: 300px" #firstSwitcher>
    </div>
</div>

Я привязался к родительскому контейнеру что бы снимать с него координаты.
(mousemove)="coordinates($event)"

Но когда я вожу по контейнеру родителю координаты снимаюстья отлично. Но станность в том что когда я попадаю на дочерний елемент координаты начинают сниматься с данного елемента..
Не подскажите в чем может быть проблеммы?

Comments

[Alex]

Видимо стоит проверять currentTarget.