프로그래밍 언어/jQuery, ajax

동일한 기능을 트리거하는 jQuery 여러 이벤트

Rateye 2021. 6. 23. 10:25
728x90
반응형
질문 : 동일한 기능을 트리거하는 jQuery 여러 이벤트

keyup , keypress , blurchange 이벤트가 한 줄에서 동일한 함수를 호출하도록하는 방법이 있습니까? 아니면 개별적으로 수행해야합니까?

내가 가진 문제는 db 조회로 일부 데이터의 유효성을 검사해야하고 상자에 입력하든 붙여 넣든 상관없이 어떤 경우에도 유효성 검사가 누락되지 않았는지 확인하고 싶습니다.

답변

.on() 을 사용하여 함수를 여러 이벤트에 바인딩 할 수 있습니다.

$('#element').on('keyup keypress blur change', function(e) {
    // e.type is the type of event fired
});

또는 매개 변수로 함수를 일반 이벤트 함수에 전달하십시오.

var myFunction = function() {
   ...
}

$('#element')
    .keyup(myFunction)
    .keypress(myFunction)
    .blur(myFunction)
    .change(myFunction)
출처 : https://stackoverflow.com/questions/2534089/jquery-multiple-events-to-trigger-the-same-function
728x90
반응형