console
document.getElementById("link1").addEventListener("click", function(){
alert("link1")
})
document.getElementById("link2").addEventListener("click", function(){
alert("link2")
})
document.getElementById("link3").addEventListener("click", function(){
alert("link3")
})
/*
if(document.addEventListener){
//现代浏览器
document.getElementById("link1").addEventListener("click", function(event){
var target = event.target;
})
}else if(document.attachEvent){
//兼容 IE
document.getElementById("link1").attachEvent("onClick", function(){
var target = window.event.srcElement;
})
}
*/
/*
$(".link").on("click", function () {
var $target = $(event.target);
alert($target.attr("id"));
})
*/
<div>
<a class="link link1" href="javascript:void(0)" id="link1">链接1</a>
<a class="link link2" href="javascript:void(0)" id="link2">链接2</a>
<a class="link link3" href="javascript:void(0)" id="link3">链接3</a>
</div>
.link{
display: block;
margin: 20px 0;
text-decoration: none;
width: 200px;
text-align: center;
border-radius: 10px ;
line-height: 30px;
font-size: 14px;
color: white;
}
.link1{
background: red;
}
.link2{
background: green;
}
.link3{
background: blue;
}