为什么点击事件两次才生效?

框架使用的是Vue,需求是弹出一个遮罩层当我点击body时关闭。我在apiready中是这样写的:

apiready = function() {
        initVue();
        document.body.onclick = function(evt){
            console.log(1);
        }
 }

但是发现点击两次才生效。后来我直接把点击事件写在body上:

<body onclick="vm.close()">

这样就正常了。这是为什么?

阅读 4.3k
4 个回答

第一次是先挂载事件 第二次点击才执行了
换成监听点击事件试试

查一查 apiready 这个函数是在什么时候执行的
在里面加一行代码console.log(1)看看什么时候执行

问题应该出在initVue

新手上路,请多包涵

把点击事件卸载apiready方法外面就实现了第一次挂载,亲测有效,记得采纳我哟

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