请问怎么判断a标签被点击了？
发布网友
发布时间：2022-04-21 08:03
共5个回答
热心网友
时间：2023-09-14 11:23
题主说的判断a标签被点击了，是不是说判断每个链接点击的次数，还是就只是提示链接点击时说明是哪个链接被点击了？我把两个都做了，那看下你要哪个结果吧：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" class="table">
<tr><th>Header</th></tr>
<tr>
<td>
<a id="norms0" href="javascript:void(0);">链接1</a>
</td>
<td>
<a id="norms2" href="javascript:void(0);">链接2</a>
</td>
<td>
<a id="norms3" href="javascript:void(0);">链接3</a>
</td>
</tr>
</table>
</body>
<script type="text/javascript">
window.onload=function(){
var allA = document.querySelectorAll('.table a');
var clickNum = {};
for (var i=0;i<allA.length;i++) {
allA[i].onclick=function(){
var nextNum = Number(this.getAttribute('num'));
this.setAttribute('num',1+nextNum);
alert('你点击了这个链接'+this.getAttribute('num')+'次了');//获取该链接被点击的次数
// alert('你点击了一个链接：'+this.innerText);//提示被点击的那个链接上的内容
}
}
}
</script>
</html>
热心网友
时间：2023-09-14 11:23
<div id="test">
<a href="javascript:void(0)">第1个链接</a>
<a href="javascript:void(0)">第2个链接</a>
<a href="javascript:void(0)">第3个链接</a>
</div>
<script>
window.onload=function(){
var aa=document.querySelectorAll("#test a");
for(let i=0;i<aa.length;i++){
aa[i].onclick=function(){
alert("你点击的是第"+(i+1)+"个链接");
}
}
}
</script>
热心网友
时间：2023-09-14 11:24
可以加个点击事件，通过点击事件改变该标签的某个属性值，通过这个 属性值判断是否已点击过追问
热心网友
时间：2023-09-14 11:24
document.querySelectorAll("a[xuanzeguige]").forEach((item, index) => {
item.onclick = () => {
alert("点击了第" + index + "个标签");
}
})
请采纳
热心网友
时间：2023-09-14 11:25
//给a标签绑定点击事件
$("a").on("click",function(){
alert($(this).attr("id"));//弹出被点击的a标签的id
})
