Keyup 함수가 두 번 호출됩니다

Question

jquery에서 keyup이 두 번 트리거되는 이유는 무엇입니까? 나는 당신이 두 번 그 보통처럼 행동하지 않을 청취자를 추가하지 않는 한

$("#inputid").keyup(function(e) { 
      console.log("inputttt calling twice"); 
       var userQuantity =$('#id').val(); 

      }); 

Answer 1

PLS 도와 바인딩을 해제와 함께 시도하고 작동하지 누구나 method..but 떨어져있다.

동일한 요소에서 여러 이벤트 리스너가 나타나지 않도록하려면 리스너를 제거한 다음 추가하십시오. 또 다른 방법은 이벤트 리스너를 추가하기 전에 콜백 함수를 정의하는 것입니다. 아무리 횟수를 많이 사용하더라도 요소에 리스너를 한 번만 추가합니다. 아래처럼.

콜백 함수를 미리

제공

var input = document.getElementById('some'); 
 

 

 
var callback = function(event) { 
 
    console.log("PRINT"); 
 
} 
 

 
input.addEventListener("keyup", callback) 
 

 
// input.removeEventListener("keyup", callback) 
 

 
input.addEventListener("keyup", callback)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="some" value="" >

콜백

var input = document.getElementById('some'); 
 

 
input.addEventListener("keyup", function(event) { 
 
    console.log("PRINT"); 
 
}) 
 

 
// input.removeEventListener("keyup", callback) 
 

 
input.addEventListener("keyup", function(event) { 
 
    console.log("PRINT"); 
 
})

<input id="some" value="">

같은 익명 함수