add event to all the dom elements in one page except one dom

最新推荐文章于 2022-02-21 18:55:34 发布

新枯木逢春

最新推荐文章于 2022-02-21 18:55:34 发布

阅读量185

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： prototype XHTML HTML

本文链接：https://blog.youkuaiyun.com/tsailer/article/details/83922660

JS 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的DOM元素操作及事件监听的方法。具体包括如何获取页面中的所有div元素并排除特定元素，同时为这些元素添加点击事件监听器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <style type="text/css">
  <!--
	div{width:100px;height:100px;_padding-left:26px;}
	#id_click{border:1px solid #FddD33;float:left;}
	.sss{border:1px solid #F0dD33;float:left;}
	.exceptme{border:1px solid #00dD33;float:left;}
	.includeme{border:1px solid #Fd0033;float:left;}
  -->
  </style>
 </head>

 <body>
  <div id="id_click"></div>
  <div id="sss" class="sss"></div>
  <div id="exceptme" class="exceptme"></div>
  <div id="includeme" class="includeme"></div>
 </body>
 <script src="http://www.pingan.com/app_js/jquery-1.3.2.js" type="text/javascript"></script>
 <script language="JavaScript" type="text/javascript">
 <!--
	function domEvent(){}

	domEvent.prototype = {
		objtoarr:function (obj){
			var arr = [],m=0;
			if(obj.length>1){
				while(m<obj.length){
					arr[m] = obj[m];
					m++;
				}
			}else{
				arr[0]=obj
			}
			return arr;
		}
		,dom_exceptjs:function (){
			var obj_dom = document.getElementsByTagName("body").item(0).children;
			var obj_script = document.getElementsByTagName("script");
			var m=0, n=0, arr_dom=[], arr_script=[];
			arr_dom = this.objtoarr(obj_dom);
			arr_script = this.objtoarr(obj_script);
			for(var i=0; i<arr_dom.length;i++){
				for(var j=0;j<arr_script.length;j++){
					if(arr_dom[i]==arr_script[j]){
						arr_dom.splice(i,1);
					}
				}
			}
			return arr_dom;
		}
		,removeunusedom:function (total, goal){
			for(var i=0;i<total.length;i++){
				if(total[i]==goal){
					total.splice(i,1);
					return total;
				}
			}
			return false;
		}
		,addEvent:function (dom,type,func){
			if(document.attachEvent){
				dom.attachEvent("on"+type,func);//ie
			}
			if(document.addEventListener){
				dom.addEventListener(type,func,true);//mozillar
			}
		}
		,removeEvent:function (dom,type,func){
			if(document.attachEvent){
				dom.detachEvent("on"+type,func);
			}
			if(document.addEventListener){
				dom.removeEventListener(type,func,true);
			}
		}
	}
var actdemo = new domEvent();
(function(){
	var toa_AddEvent = actdemo.removeunusedom(actdemo.objtoarr(document.getElementsByTagName("div")),document.getElementById("exceptme"));
	for(var i=0;i<toa_AddEvent.length;i++){
	//alert("00");
		/*actdemo.addEvent(toa_AddEvent[i],"click",function(){
			//var dom = toa_AddEvent[i];
			alert(this.getAttribute("id"));
		})*/
		actdemo.addEvent(toa_AddEvent[i],"click",function(e){
			var target = e.srcElement || e.target;
			alert(target.getAttribute("id"));
		})
	}
})()

 //-->
 </script>
</html>