我有一个包含多个“范围”类型的输入的表单，并且它有一个隐藏的提交按钮，直到每个范围输入触发一个事件。我很好奇为此目的选择哪种类型的事件。
如果使用“点击”事件，一些较旧的浏览器（即 Windows 的 Safari）不会总是注册事件。使用“mouseup”可能不是一个好主意，因为在旧版浏览器或某些移动浏览器上，范围输入将改为作为常规输入框生成。执行以下操作，根本不会触发在 Android 上运行的 Opera 浏览器上的事件（在该浏览器上，范围输入呈现为常规文本输入框）：
$('#my_form input').on("mouseup change", function(){ ... }
所以我的问题是，我应该选择哪种事件类型才能在旧版、移动和现代浏览器上运行良好，并且可以避免上面列出的问题？
【问题讨论】：
change事件怎么样？
标签： javascript jquery
显然 Chrome 和 Safari 是错误的：onchange 应该只在用户释放鼠标时触发。要获得持续更新，您应该使用 oninput 事件，该事件将在 Firefox、Safari 和 Chrome 中通过鼠标和键盘捕获实时更新。
但是，IE10 不支持 oninput，所以最好的办法是结合两个事件处理程序，如下所示：
<span id="valBox"></span>
<input type="range" min="5" max="10" step="1"
oninput="showVal(this.value)" onchange="showVal(this.value)">
查看此Bugzilla thread 了解更多信息。
【讨论】：
你可以使用change事件：
$('#my_form input').on("change", function(){ ... }
或：
$('#my_form input').change(function(){ ... }
即使浏览器将范围输入呈现为常规文本输入，这也会起作用。
【讨论】：