クリックイベントのバインドとキャンセルの実装について

1823 ワード

Java JavaScript

多くの場合、テキストボックスやボタンをイベントバインドしたい場合、onclickなどを直接書くのが一般的です.
しかし、このような時間の除去については、例えば1つのボタンをここで1回だけ押して、再び押したときに効果が得られないことを望んでいます.
これには、イベントのリスニングとバインド、およびダイナミックな実行を取り消すメカニズムが必要です.次に、イベントのバインドとキャンセル機について説明する小さな例を示します.
製造/



  
    test6.html
	
		function test(){
			window.alert("      ");
			document.getElementById("1").detachEvent("onclick",test);
		}
	
  
  
  
    
    
    	document.getElementById("1").attachEvent("onclick",test);

ここではdocumentを使用します.getElementById("1").attachEvent("onclick",test);動的イベントバインド、使用する

document.getElementById("1").detachEvent("onclick",test)          ，                ，

。

 
   
   
                 ，          ，            ，         
   

  
    test7.html
	
		function test(event){
			//         ，         
			if(event.keyCode<48 || event.keyCode > 57){
				window.alert("          ");
				return false;
			}
		}
	

  
  
  
         
  

   
ここのeventはイベントオブジェクトで、 は くの  を すことができます.   にはドキュメントを  してください.

201274-分岐構造練習(成績を入力し、その等級を出力)

【中級】MVVMの考え方