是否有用于“鼠标释放"的 HTML 属性/事件处理程序?

2022-01-13 00:00:00 attributes event-handling html

我需要在释放滑块旋钮时调用一个函数.onchange 在我更改值时更改它.有没有类似的解决方案

I need a function to be called when the slider knob has been released. onchange changes the value while I'm changing it. Is there a solution for this like

<input type="range" min="0" max="1000" onrelease="callfunction()">

推荐答案

使用 mouseup 事件和 touchend 事件在手机上用于处理此用户交互.

Use the mouseup event on desktop browsers and the touchend event on mobile phones for handling this user interaction.

<input type="range" min="0" max="1" 
       onmouseup="callfunction()" 
       ontouchend="callfunction()">

我建议您查看 caniuse.com 以获得浏览器支持.

I would recommend to check caniuse.com for browser support.

已知问题(截至 2019-03-25):

  • IE10 &11 在 mousemove 上触发change"事件而不是input".
  • IE10 &11 有 一些与步长值.

相关文章