Geek Answers Handbook

What event is fired when the HTML input range (slider) is released on the touch device?

In my Angular 2 application, I use a simple range of valid HTML5 type "range" to provide the user with a simple slider component.

<input type="range" [min]="x" [max]="y" (mouseup)="onReleased()" />

I need to know when the user released the slider. Release means that with the mouse the drag and drop is completed and the mouse button has been released. To do this, I connect to the OnMouseUp event. However, this does not apply when using a touch device.

On my tablet, I can drag the slider, but when he releases it with his finger, the event does not fire.

I know this is not a mouse, but which event is equivalent to a mouse and works on touch devices?

+7
html5 touch slider
source share
1 answer

The answer to your question will look like touchend .

I guess there is a way to make the slider a touch surface in the wider Touch Events web API

0
source share

More articles:


All Articles