方法一:利用冒泡解决该问题
<!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>