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

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

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

React의 특징 2

HTML 태그에 이벤트를 할당하려면 이벤트 이름을 camelCase로 명명하고 이벤트 핸들러에 함수를 전달합니다. style을 할당하는 것은 DOM내에 직접 기술하는 방법이나, CSS프로퍼티를 일단 변수에 대입하고 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

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

좋은 웹페이지 즐겨찾기