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

时间:2023-03-16
本文介绍了是否有用于“鼠标释放"的 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 有 一些与步长值.

这篇关于是否有用于“鼠标释放"的 HTML 属性/事件处理程序?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

上一篇:CSS 框模型属性排序约定 下一篇:使用getAttribute(),还是不使用getAttribute():这是个问题

相关文章