为什么鼠标滚轮不会在一个简单的表单元素中增加/减少值呢？
<input type="number" step="0.125" min="0" max="0.875">
它适用于这个代码片段,但不是当我创建一个简单的通用html文档：
<!DOCTYPE html>
<html>
<head></head>
<body>
<form action="">
<input type="number" step="0.125" min="0" max="0.875">
</form>
</body>
</html>
当我在几个浏览器中查看时,鼠标滚轮不滚动.我已经禁用浏览器扩展程序等.我周围的其他几台机器也是一样的.
是什么原因导致这不行？这是OS /浏览器问题吗？
我几乎觉得这可能更深一些,可能是鼠标/驱动程序的类型问题？
我测试了什么：
>赢7
> Chrome – 失败
> Firefox – 失败
> Firefox Dev Edition – 失败
> Safari – 通过
> IE11 – 失败
> IE9 – 失败
> OSX
> Chrome – 失败
> Safari – 失败
> Firefox – 失败
解决方法
片段运行在IFRAME中.把你的代码放入IFRAME,它也可以工作.为什么 – 我不知道,但它的作品.
即
http://codecorner.galanter.net/bla2.htm – 不工作(代码本身)
http://codecorner.galanter.net/bla.htm – 作品 – IFRAME中的上一页
编辑：这是一个在Chrome 41：http://codecorner.galanter.net/bla_mousescroll.mp4中演示的演示
编辑2：我想我想出来,而不是IFRAME.为了滚动事件发生 – 实际内容必须是可滚动的.例如,如果您重做这样的示例：
<!DOCTYPE html>
<html>
<head></head>
<body>
<form action="" style="width:200px;overflow:scroll">
<div style="width:300px">
<input type="number" step="0.125" min="0" max="0.875">
</div>
</form>
</body>
</html>
其中容器形式小于其内容 – DIV – 滚动轮在数字字段上工作：http://codecorner.galanter.net/bla3.htm
