SOURCE

console 命令行工具 X clear

                    
>
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;
}