Metin kutusu nasıl etkinleştirilir ve devre dışı bırakılır jquery

Question

Örnek kod html ve komut dosyası aşağıdaki gibi yazdım: Bu kodu çalıştırdığımda öncelikle bu uyarıyı alacağım ama sekmeye basarak cca'da değiştirdiğimde başka bir uyarı alıyorum Düğme daha sonra uyarı göstermiyor. Bu metin kutusunu nasıl kullanır ve diğer metin alanlarını etkinleştirir ve devre dışı bırakır.

HTML:

<div id="cca" class="leaf"> 
    <label class="control input text" title=""> 
     <span class="wrap">cca</span> 
     <input class="" type="text" value="[Null]"> 
     <span class="warning"></span> 
    </label> 
</div> 

JS:

jQuery(document).ready(function() {   
    alert("hello");   
    jQuery("#cca label.control input").on('change', function (event) { 
     alert('I am pretty sure the text box changed'); 
     event.preventDefault(); 
    }); 
}); 

Answer 1

Ne yapmaya çalışıyoruz ama uyarı çalışma üstesinden gelebilirsiniz gerçekten emin değilim. Temel olarak jQuery "on" işlevini doğru kullanmıyorsunuz. Aşağıdakilerden

$('#thisNeedsToBeContainer').on('focusout', '#elemToBindEventTo', function (event)....

Bir

gerekenler yapacak:

Bu ateş edeceği metin kutusu

$(document).ready(function() {  

    alert("hello");   
    $("#cca").on('focusout', 'label.control input', function (event) { 
     alert('I am pretty sure the text box changed'); 
     event.preventDefault(); 
    }); 
}); 

Bu

bırakıldığında, tetiklenir change

$(document).ready(function() {  
    alert("hello");   
    $("#cca").on('change', 'label.control input', function (event) { 
     alert('I am pretty sure the text box changed'); 
     event.preventDefault(); 
    }); 
}); 

Bu,numaralı telefona bağlanacak Sen girdi odağını kaybettiğinde kadar ateş edecek change olay için dinliyorsunuz

<input class="" type="text" value="[Null]"/> 

Answer 2

: 0 JsFiddle

üzerinde

$(document).ready(function() { 
    alert("hello");   
    $("#cca").on('onkeyup', 'label.control input', function (event) { 
     alert('I am pretty sure the text box changed'); 
     event.preventDefault(); 
    }); 
}); 

Bkz Demo yazarak olarak Ayrıca girişini kapatması gerekir . Sağladığınız kod, odak girişten çıktıktan sonra (sekme veya tıklama) bir uyarı tetiklediğinden, yazdıktan sonra ancak odağı değiştirmeden önce bir yanıt beklediğinizi tahmin ediyorum. Bunu başarmak için, bunun yerine input olayını dinleyin.