问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

Chrome移动端调试onclick事件失效

头像
NikoManiac
    2401311

    Chrome移动端调试onclick事件失效,代码很简单

    <body>
    <button id="button" onclick="test()">qush</button>
    <script>
        function test(){
            var idb = document.getElementById('button');
            idb.addEventListener('click',function(){
                console.log('ddd');
            },false)
        }
    </script>
</body>
    onclickchrome-devtoolschromejavascript
    阅读 12.3k
    5 个回答
    得票最新
    头像
    michael_cai
      10.6k2840
      idb.addEventListener('click',function(){
            console.log('ddd');
        },false)
      头像
      灰螳螂
        1.6k575115

        是click，不是onclick，一楼已回答

        头像
        emmy_
          539129

          楼上回答正解，除了老版本IE是onclick，其他浏览器应该都是不需要加前面的on绑定事件的，注意一点在移动端，click事件在移动端有300毫秒延迟，不过影响不大

          头像
          某熊猫桑
            16.1k61547

            关于具体的"click"、"onclick"之间的区别，建议参考MDN上addEventListener的词条（后边有一大段是关于旧写法和IE写法的）。

            （刚手机砸脸上了不小心点了发送……晕
            o(╯□╰)o）

            而关于题主所写，button标签里的onclick属性本来就是回调，所以直接写console.log就是可以看到结果的，但不推荐再写一遍绑定，相当于每次click后都要绑一遍事件回调；或者也可以去掉标签里的onclick，直接在js里把test里的内容写到window.load里（当然事件名要改click），这样加载好以后直接执行一遍事件绑定，也是ok的。

            最后说一句，移动端直接用click，推荐挂个fastclick插件，可以填上点击延时的坑。

            头像
            NikoManiac
              2401311

              谢谢大家，问题已经解决。在本地，是我chrome设置的问题，之前一直没有想到是因为我只记得修改过主题和console的设置。昨天在服务器上跑的时候，也不能在某些手机浏览器跑的原因目测估计是使用了let的原因，在caniuse.com上看了一下，在机支持度不高，现在正在想办法获取手机浏览器内核版本。因为两个错误现象很相似，我一直以为是都是移动web开发的问题，思路带偏了。很尴尬。

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