지정한 폼 요소에 이벤트 동적 추가

3000 단어 이벤트
<html>
<head>
<title></title>
 <script>
     function init(){

        var _obj = document.getElementById("ck"); 
		var d=document.getElementById("myDate");
         var args=[_obj,d];
		// _obj.onclick=function(){bb(_obj,d)}  onclick 

		 Pen.util.addEvent(_obj,"onclick",bb,args); // onclick 

		
	 }


function bb(){


	 if(arguments.length!=2) throw new Error(" !");
	  var obj=arguments[0];
	  var dat=arguments[1];
      
      var date=new Date();
	  var month=date.getMonth()+1;
	  var day=date.getDate();
	  if(month<10){
		month='0'+month;
	  }
	  if(day<10){
		day='0'+day;
	  }
	  var d=date.getFullYear()+"-"+month+"-"+day;
     
	  
	  if(obj.checked){
       
		 dat.value=d;
	 
	   }else{

         dat.value="";
	   }

	  

	 }


	 function aa(){
	 
	 alert()
	 
	 }



    var Pen={};
	Pen.util={

	
	/**
	 *  : 
	 *@param obj  
	 *@param eventName  
	 *@param eventFunction  
	 *@param args  ( args )
	*/
	addEvent:function(obj,eventName,eventFunction,args){
  
       
        if(window.addEventListener) //firefox 
		{    
		
			obj .addEventListener(eventName,function(){ exeFunc(eventFunction,args)}, false);    
		
		} 
		else //IE 
		{     
	 
			obj.attachEvent(eventName,function(){ exeFunc(eventFunction,args)});    
		
		} 

    

	 }




};

   var  exeFunc=function(eventFunction,args){

    if(args==undefined || args.length==0)  eventFunction();
	else if(args.length==1) eventFunction(args[0]);
	else if(args.length==2) eventFunction(args[0],args[1]);
	else if(args.length==3) eventFunction(args[0],args[1],args[2]);
	else if(args.length==4) eventFunction(args[0],args[1],args[2],args[3]);
	else if(args.length==5) eventFunction(args[0],args[1],args[2],args[3],args[4]);
	else if(args.length==6) eventFunction(args[0],args[1],args[2],args[3],args[4],args[5]);
	else if(args.length==7) eventFunction(args[0],args[1],args[2],args[3],args[4],args[5],args[6]);
	else if(args.length==8) eventFunction(args[0],args[1],args[2],args[3],args[4],args[5],args[6],args[7]);
	else throw new Error(" ");


	}

 </script>
</head>
<body onload="init()">

  <input type="checkbox" id="ck" onclick="aa()">&nbsp; <input type="text" id="myDate">
</body>
</html>

좋은 웹페이지 즐겨찾기