在本教程中,我们将学习如何使用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);
})