函数如何干扰addEventListener keyup？

问题描述

我是相对的菜鸟，尝试使用Pycharm学习django和javascript，这一问题使我发疯。

我正试图添加一个keyup事件处理程序，但是下面的这个“ buildlist”阻止了任何内容在控制台上的记录。神秘之处在于为什么当我在另一个python项目上运行该问题时不会发生此问题-我的意思是完全相同的代码。我已经将其推导为防止keyup事件控制台记录日志的函数，但我不知道为什么。此外，当我使用VScode而不是pycharm运行代码时，它的工作原理还不错...

任何见识将不胜感激。

欢呼

J

<script>
        const filterTodos = (term) => {
            console.log(term)
      };

        const searched = document.getElementById('searchterm');

        searched.addEventListener("keyup",() => {
            console.log('keyup');
            const term = searched.value.trim();
            filterTodos(term);
      });

      function buildlist() {
        const wrapper = document.getElementById('mainBox');
        var url = 'http://127.0.0.1:8000/api'
        fetch(url)
        .then((resp) => resp.json())
        .then(function(data){
          console.log('repdata: ',data)

          var list = data;
          for (var i in list) {
            var item = `
            <div style="flex:7">
             ${list[i].vocab},${list[i].meaning} </div>
            `
            wrapper.innerHTML += item
          }
        }
        )
      }
      buildlist();


     </script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）