方法一：利用冒泡解决该问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
document.onclick=function(e){
var e = (e || event);
var o = e['target'] || e['srcElement'];
alert(o.tagName.toLowerCase());
}
</script>
</head>
<body>
<span id="time">60</span>
<p>123</p>
<h1>我们</h1>
<div>大家</div>
</body>
</html>
方法二、进行遍历
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>遍历所有标签进行添加click事件</title>
</head>
<body>
<div class="alert">div</div>
<a href="javascript:;" class='alert'>a</a>
<b class="hel">b</b>
<script>
function getTagName(){
return document.getElementsByTagName("*");
}
function stopPropagation(e) {
e = e || window.event;
if(e.stopPropagation) { //W3C阻止冒泡方法
e.stopPropagation();
} else {
e.cancelBubble = true; //IE阻止冒泡方法
}
}
window.onload=function(){
var tagObj=getTagName();
console.log("nihaofdfdfdfdfdfdf");
for(var i=0,max=tagObj.length;i<max;i++){
tagObj[i].onclick=function(e){
stopPropagation(e);
alert(this.tagName);
}
}
}
</script>
</body>
</html>