我可以在单击时使范围输入的值递增和递减吗？
发布于2021-10-23 03:19 阅读(119) 评论(0) 点赞(0) 收藏(5)
说我有一个<input type=range min=0 max=100 step=1 />. 如果我聚焦输入，然后用键盘上下移动，值会相应改变。当我单击范围内的任意点时，该值会跳转到我单击鼠标的位置。这对许多应用程序都有意义，但我是否可以改变这种行为来使值上下步进，就像我向上或向下移动箭头键一样？这对于许多科学应用来说都是有意义的。
我在此处的范围输入规范中找不到有关鼠标行为的具体信息：https : //html.spec.whatwg.org/#range-state- (type = range )
也许这里有人有答案？
解决方案
你可以做这样的事情。
<!DOCTYPE html>
<script> var oldValue = 50; </script>
<input type=range max=100 step=1 oninput=" if (oldValue) { this.value = this.value > oldValue ? oldValue + 1 : oldValue - 1; } oldValue = parseInt(this.value, 10);">
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/208437/835797a54c198904095d/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力