为了账号安全,请及时绑定邮箱和手机立即绑定

EventListener 在某些功能之前不起作用

EventListener 在某些功能之前不起作用

UYOU 2021-11-18 16:58:25
当在之后放置一个函数时,“click”事件不会发生:<pre> <body>    <section class="page">      <label for="name">Nome: </label>      <input type="text" name="nome">      <input type="button" value="Adicionar na lista">   </section>   <script>      var autores = [{nome:'CCarlos'},{nome:'Daniel'}];      var botao = document.querySelector('input[type=button]');      botao.addEventListener('click',aviso);      imprimir();      function aviso(){         alert('aasf');      }      function imprimir(){         var pagina = document.querySelector('.page');         for(i in autores){           enter code herepagina.innerHTML += `<p>${autores[i].nome}</p>`;         }      }      </script></body>当我删除时,我工作得很好,不知道为什么会发生这种情况
查看完整描述

2 回答

?
慕姐8265434

TA贡献1813条经验 获得超2个赞

您正在更改 html,使用innerHTML +=它会破坏内部的所有内容pagina并重新创建所有内容。这意味着您的事件侦听器再见。


查看完整回答
反对 回复 2021-11-18
?
红糖糍粑

TA贡献1815条经验 获得超6个赞

那是你的实际代码吗?你有这个实际的行还是只是一个复制/粘贴错误?

enter code herepagina.innerHTML += `<p>${autores[i].nome}</p>`;

如果是这样,我猜您在浏览器的控制台上有一些语法错误。改成

pagina.innerHTML += `<p>${autores[i].nome}</p>`;

如果是复制/粘贴错误,请检查浏览器的控制台是否有任何错误


查看完整回答
反对 回复 2021-11-18
  • 2 回答
  • 0 关注
  • 300 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信