Bir onay kutusunu tıklatıp '.click()' işlevini çağırmak arasındaki fark nedir?

Question

the following code'i düşünün:

<input type='checkbox' /> 
<div>Click here</div> 

JS:

$(function() { 
    $('input').click(function() { 
     document.write($(this).is(':checked') ? "checked" : "unckecked"); 
    }); 
    $('div').click(function() { 
     $('input').click(); 
    }); 
}); 

Onay kutusu tıklandığında, çıktı checked olur, ancak "Buraya Tıkla" tıklandığında çıktı unckecked olur . Neden?

Answer 1

click olayı, öğenin değiştiği change olayından farklı olduğu için. <div>, .click()'u yaptığında, onay kutusunun durumunu henüz değiştirmemiş olan click olayını tetikler; böylece, bunu denetlerken, önceki durumdadır. Eğer <input> doğrudantıkladığınızda

, zaten sırayla change olay yangınlar 2 ana nokta checked durum değişti onay kutularını bile olsa devlet değiştirdik, önce click işleyicisi olan Bunu kontrol etmek için durum geçerli. Bu bir davranış soru değil şansımızı denedik,

$(function() { 
    $('input').change(function() { 
     $("span").append("<br />" + (this.checked ? "Checked" : "Uncecked")); 
    }); 
    $('div').click(function() { 
     $('input').click().change(); 
    }); 
}); 

You can give it a try here ve harici isteyen konum:

böyle doğru durum bilgisi yerine change olay için bakmak ve tetiklemek istiyorum tıklanabilir alan, this is how I'd do it (bir <label> girişi sarma yoluyla).