萧井陌B站直播 第二集: 加入fps控制器,代码一模一样还是报错。估计是搜狗浏览器的 兼容问题,但是小白探究不出来。。。

  1. 问题如题 ,代码如下
    2.document.querySelector('#id-input-speed').addEventListener('input',function(event){
    var input = event.targt
    //log(event)
    window.fps = Number(input.value)

})
报错内容:Uncaught TypeError: Cannot read property 'value' of undefined

  1. 请问为什么这样报错
    是不是浏览器的兼容问题
  2. 如果可能 能否告知一下debug 过程呢
    谢谢。
阅读 3.9k
2 个回答

event.target?
以及选择器对应元素是input还是?

补充:

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <input id="id-input-speed" type="range" value="1">
    <script>
    document.querySelector('#id-input-speed').addEventListener('change',function(event){
        var input = event.target
        console.log(input.value)
        window.fps = Number(input.value)
    })
    </script>
</body>
</html>

代码如上,如果是兼容模式下可能会监听不到input事件,一般监听input元素还是用change事件比较普遍。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题