Javascript Chrome mobile上未触发输入类型范围更改事件

Javascript Chrome mobile上未触发输入类型范围更改事件,javascript,html,css,google-chrome,Javascript,Html,Css,Google Chrome,当使用Chrome for Android(或桌面上的反应式开发者模式)时,点击自定义样式的输入[type=range]的填充将移动滑块,但不会在点击释放后立即触发onchange事件。一旦滑块未聚焦(通过点击不同的元素),就会触发该事件。点击滑动条本身将显示预期的行为 是否有人知道:A.这是故意的行为?我怎样才能得到预期的行为?使用oninput并不容易,因为我只需要在释放点击时才需要事件 Firefox的行为符合预期(桌面版和移动版已经过测试)。 Chrome Desktop v75.0的性

当使用Chrome for Android(或桌面上的反应式开发者模式)时,点击自定义样式的
输入[type=range]
的填充将移动滑块,但不会在点击释放后立即触发
onchange
事件。一旦滑块未聚焦(通过点击不同的元素),就会触发该事件。点击滑动条本身将显示预期的行为

是否有人知道:A.这是故意的行为?我怎样才能得到预期的行为?使用oninput并不容易,因为我只需要在释放点击时才需要事件

Firefox的行为符合预期(桌面版和移动版已经过测试)。 Chrome Desktop v75.0的性能与预期一致。 还尝试使用CSS
:after
语法添加伪元素以增加可点击区域。在这种情况下,滑块位置将更新,但两个事件处理程序都不起作用

完整MCVE:


测试滑块

预期:点击并释放滑块的填充(粉红色背景色)。滑块将更新,并立即触发
onchange
事件

实际:滑块将更新,但保持焦点。
onchange
事件只会在点击不同的页面元素后触发