防止複数のjsの重複登録クリックイベントの導入によるファイル

それが必要であるので、次に導入JSファイルまたは複数のトリガ・イベントを繰り返しJSファイルが動的が導入されている場合、フロントエンド・コードまたはイベント登録操作は、不必要なトラブルを生じる、複数回登録するイベント登録を引き起こします各登録は、前のイベントがキャンセルされます前に、一例として、ボタンのイベントを登録するには以下をクリック:

<!DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <タイトル>タイトル</ TITLE> 
    <リンクのrel = "スタイルシート"のhref =」../ css_com /リセット.css "> 
    <スタイル> 

    </スタイル> 
    <! -网络CDN提供jqueryの、自己下载好引用一样- > 
    <スクリプトSRC =" https://cdn.bootcss.com/jquery/3.4.1/jquery .js "> </ SCRIPT> 
</ HEAD> 
<BODY> 
の<input type ="ボタン"値= "按钮1" ID = "BTN"> 
の<input type = "ボタン"値= "按钮2" ID =" BTN2" > 

<スクリプト>
//複数の登録イベントを防止するためには、クリックイベントが各登録する前に削除する前に、事前に登録する必要がある
    $(関数(){ 
        $(「#のBTN」)。クリックして(関数(){ 
            $(「身体」) 。.off( "クリック"、 "#BTN2")ON( "クリック"、 "#BTN2」、関数(){ 
                アラート(" "正常に登録)。
            }); 
        }); 
    }); 
</スクリプト> 
</ BODY> 
</ HTML>

  

おすすめ

転載: www.cnblogs.com/SpringAndMoon/p/12105824.html