在使用 JavaScript 实现的 TodoList 中，如何正确判断 Checkbox 点击事件，从而归类任务？

发布日期： 2024-10-22 阅读量： 作者： 网络

在使用 javascript 实现的 todolist 中，如何正确判断 checkbox 点击事件，从而归类任务？

使用 javascript 实现 todolist，点击 checkbox 后无法正确归类任务

问题描述：
在使用 javascript 实现的 todolist 中，点击“正在进行”任务中的 checkbox，无法将任务自动归类到“已完成”任务列表。

原因分析：
在提供的代码中，发现有一个单词拼写错误：将 form 写成了 from。

预期结果：
点击“正在进行”列表中的 checkbox，任务应该被移到“已完成”列表中。

实际错误信息：
未提供

解决方法：
将代码中的所有 from 全部替换为 form：

// ...
contentdom.addeventlistener("change", (event) => {
  let target = event.target;
  if (target.dataset.form === "todo" && target.tagname === "input") {
    let index = +target.dataset.index;
    // ...
  } else if (target.dataset.form === "done" && target.tagname === "input") {
    let index = +target.dataset.index;
    // ...
  }
});

contentdom.addeventlistener("click", (event) => {
  let target = event.target;
  if (target.dataset.form === "todo" && target.tagname === "img") {
    let index = +target.dataset.index;
    // ...
  } else if (target.dataset.form === "done" && target.tagname === "img") {
    let index = +target.dataset.index;
    // ...
  }
});
// ...

# bing # 点击事件 # yy

上一篇: 微信小程序页面滑动屏幕加载数据的实例详解

下一篇: 微信小程序调用后台接口的方法介绍

在使用 JavaScript 实现的 TodoList 中，如何正确判断 Checkbox 点击事件，从而归类任务？

随便看看