用JavaScript检查一个html元素是否被点击的方法

92 阅读1分钟

在本教程中,我们将学习如何使用JavaScript来检查一个html元素是否被点击。

考虑一下,我们有一个如下的HTMLdiv 元素。

<div id="container">Content goes here</div>

现在,我们需要检查一个div元素是否被点击了。

检查一个元素是否被点击

要检查一个元素是否被点击,首先我们需要在JavaScript中使用document.getElementById() 方法访问该元素,然后给它添加一个click eventListener。

下面是一个例子。

const element = document.getElementbyId("container");

element.addEventListener("click", ()=>{
   alert("element is clicked");
})

在上面的代码中,我们在addEventListener()方法中添加了一个警报element is clicked 。因此,如果用户点击了div元素,就会在浏览器中显示一个警报,说明该元素被点击了。

我们还可以计算一个元素被点击的次数,就像这样。

下面是一个例子。

const element = document.getElementbyId("btn");

let count = 0;

element.addEventListener("click", ()=>{
   count = count + 1;
   alert("element is clicked" + count);
})