1 回答

TA貢獻1810條經(jīng)驗 獲得超4個贊
<style>
body{
background:#CCC;
}
a{
display:inline-block;
width:100px;
padding:5px 10px;
background:#666;
text-align:center;
color:#FFF;
border:solid 3px #333;
margin:1px;
}
a.active{
background-color:#FF0;
border-color:#C00;
color:#C00;
}
</style>
<div id="parent">
<a href="javascript:;">連接一</a>
<a href="javascript:;">連接二</a>
<a href="javascript:;">連接三</a>
<a href="javascript:;">連接四</a>
<a href="javascript:;">連接五</a>
<a href="javascript:;">連接六</a>
<a href="javascript:;">連接七</a>
<a href="javascript:;">連接八</a>
<a href="javascript:;">連接九</a>
</div>
<script>
document.getElementById("parent").addEventListener("click", function(event){
if( event.srcElement.tagName.toLowerCase() == "a" ){
if( this.lastClick != event.target){
event.target.className = "active";
if( !!this.lastClick){
this.lastClick.className = "";
}
this.lastClick = event.target;
} else {
console.log("重復點擊不觸發(fā)");
}
}
});
</script>
添加回答
舉報