📌  相关文章
📜  如何在 JavaScript 中检查单击的元素是否为 div?(1)

📅  最后修改于: 2023-12-03 15:38:17.837000             🧑  作者: Mango

在 JavaScript 中检查单击的元素是否为 div

在 JavaScript 中,我们可以使用 Event 对象和 target 属性来获取单击的元素。我们可以通过检查该元素的 nodeName 属性是否为 "DIV" 来判断它是否是一个 div 元素。

以下是一个例子:

document.addEventListener("click", function(event) {
  if (event.target.nodeName === "DIV") {
    console.log("单击的是 div 元素");
  } else {
    console.log("单击的不是 div 元素");
  }
});

上面的代码将在页面的任何 div 元素上单击时输出 "单击的是 div 元素",在其他元素上单击时输出 "单击的不是 div 元素"。

我们可以将上面的代码包裹在一个函数中,以便在需要时进行重用:

function checkIfDivClicked(event) {
  if (event.target.nodeName === "DIV") {
    console.log("单击的是 div 元素");
  } else {
    console.log("单击的不是 div 元素");
  }
}

document.addEventListener("click", checkIfDivClicked);

现在,我们可以在需要检查单击的元素是否为 div 元素的任何地方调用 checkIfDivClicked 函数。

以上就是在 JavaScript 中检查单击的元素是否为 div 的方法。