I have an element with a mouseup event, so when the user releases the mouse, it will run the request, not while dragging the slider. But it’s not working.
For sliders or elements that can be dragged the mouseup event isn’t recommended since it doesn’t fire reliably use it when the action is a simple click of the mouse. Please use the dragend event to capture when the when the drag ends.
If it still is an issue after updating the event, please share the link to the page we check it out
with dragend event, the request flow is not working properly, so i changed to mouseup, kindly check. Here is the page link- All Wooden Toys for Kids | Little Genius Toys
I’ve seen the page and I had misinterpreted slider to mean an image slider of sorts. I believe the slider you are referencing is the range input. For that please use the input or change event - the input event offers real time tracking while the change event only fires when the input’s value changes
You can get the reference here: <input type="range"> HTML attribute value - HTML | MDN
Hi, thank you for the response. Actually, what I need is that when the user drags the range slider and releases it, it should run the request, not while dragging. To achieve this, I did “mouseup” event and it was working fine, but somehow it’s not working that way.
The mouseup event isn’t really recommended for the range slider - I don’t think it will trigger in mobile devices well. From your recent message I think you’ve used the input event, this updates each time the user changes the range to a different value while dragging. The change event will still have the desired effect as you described, it will fire when the value changes after releasing the range slider. Could you alter it to this and test once more