jQuery .change() 이벤트가 최신 버전에서 .click()으로 트리거됩니까?

Question

현재 응용 프로그램을 jQuery 1.6.1 (이전 1.4.4)을 사용하도록 업그레이드 중이므로 .click() 이벤트가 자동으로 .change() 이벤트를 트리거하는 것으로 나타났습니다. 당신이 .change() 기능이 .click() 이벤트가 발생하지 불 때 1.4.4을 포함하는 경우 http://jsfiddle.net/wDKPN/

주의 사항 :

나는 여기에 간단한 예제를 만들었습니다. 그러나 1.6으로 전환 할 때 .click()이 발생하면 .change() 이벤트 은입니다.

두 질문 :

1. 이 버그인가요?.click()을 프로그래밍 방식으로 트리거하면도 다른 이벤트를 발생시키지 않아야합니다 (예 : 사용자의 클릭을 "모방"하는 데 도움이되도록 .blur() 및 .focus()도 자동으로 실행되는 것이 잘못된 것 같습니다). 적절한 change() 이벤트 을 결합하는 저를위한 방법으로 다음 트리거 모두는 그 요소의 click() 및 change() 이벤트

2. 무엇입니까? 간단히 .click()으로 전화를 걸고 .change()도 실행됩니까? 내 예전의 코드에서

   $('#myelement').change(function() { 
       // do some stuff 
   }); 
   
   $('#myelement').click(); // both click and change will fire, yay! 
   

나는 아약스 호출 후에 몇 가지 체크 박스 (및 점검 상태와 값을) 초기화하는이 패턴을 사용하고 있습니다 :

$('#myelement').change(function() { 
     // do some stuff including ajax work 
    }).click().change(); 

그러나 1.6.1에서 내 논리는 두 번 발생합니다 (.click()에 한 번, .change()에 한 번). .change() 방아쇠를 제거하는 것에 의존 할 수 있습니까? jQuery가 이후 버전에서도 계속 이와 같은 방식으로 작동하기를 바랍니다.

Answer 1

가장 좋은 방법은 다음과 같습니다

$('#myelement').bind('initCheckboxes change', function() { 
    // do some stuff including ajax work 
}).trigger('initCheckboxes'); 

이렇게하려면 당신의 초기화 물건은 당신이 단지에 처음에게 페이지가로드를 실행할 사용자 정의 이벤트를 바인딩합니다. 이것은 아무도 어떤 버전에서든 당신을 떠날 것입니다.

change 이벤트가 오랜 시간 동안 있었기 때문에 나는 모든 버전에서 계속 그럴 것이라고 믿습니다. 그런 식으로 멋지게 작동합니다.

마지막으로 사용자 정의 이벤트 initCheckboxes이 페이지로드시 한 번만 실행되고 change 이벤트는 항상 변경 상태를 수신하고 실행하므로 해피 엔딩 스토리입니다.

Answer 2

jQuery 1.4.4 및 1.6 구현 모두에서 click 핸들러 내에 change()를 넣은 다음 클릭을 트리거 할 수 있다고 생각합니다.

$('.myelement').click(function(){ 
$('.myelement').change(); 
alert($(this).val()); 
}); 
$('.myelement').trigger('click'); 

예를 들어 there을보십시오. 이 작업을 수행하는

Answer 3

나는 이것이 jQuery 1.4.4의 버그라고 말할 것이다. jQuery 이벤트 핸들러를 제거하고 표준 addEventListener을 사용하면 jquery 1.6.1과 동일한 결과가 생성됩니다.

window.count = 0; 

document.getElementById('mycheckbox').addEventListener('change', function() { 
    window.count++; 
    jQuery('#output').append('I fired: ' + window.count + ' times<br />'); 
}); 

document.getElementById('mycheckbox').click(); 

http://jsfiddle.net/jruddell/wDKPN/26/

또한 나는 특별히 jQuery를 이벤트 핸들러를 호출 triggerHandler을 사용합니다. 이벤트 모델에서 호출 할 처리기를 결정하려면 click, change 등을 사용하십시오.

Answer 4

확인란의 클릭 이벤트는 잊어 버리십시오. change 이벤트는 모든 것을 처리합니다.

$('#myelement').change(function() { 
    // do some stuff 
}); 
$('#myelement').trigger('change'); 

자신에 대한 참조 : http://jsfiddle.net/zupa/UcwdT/ 가 (이 데모는 jQuery를 1.8로 설정하지만,뿐만 아니라 1.6에서 작동합니다.)이 더 '수정

이 매우 좋은 관측 비록