Sposób włączania i wyłączania pola tekstowego w jquery

Question

Napisałem przykładowy kod HTML i skryptu w następujący sposób: Po uruchomieniu tego kodu najpierw otrzymam ten alert, ale inny alert, gdy zmienię w cca przez naciśnięcie klawisza następnie przycisk nie wyświetla ostrzeżenia. Jak korzystać z tego pola tekstowego i włączać i wyłączać inne pola tekstowe.

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

Nie jestem pewien, co chce zrobić, ale mogę pomóc dostać powiadomienie pracy. Zasadniczo nie korzystasz poprawnie z funkcji jQuery "on".

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

Jeden z poniższych zrobi co trzeba:

To będzie ogień, gdy pole tekstowe zostaje

$(document).ready(function() {  

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

To zadziała na 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(); 
    }); 
}); 

To, będzie strzelać pod keyup jak wpisanie

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

Zobacz demo na JsFiddle

Należy również zamknąć wejście:

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

Answer 2

Ty słuchasz na razie change, który nie zadziała, dopóki wejście traci ostrość . Biorąc pod uwagę, że podany kod uruchamia alert, gdy fokus opuszcza dane wejściowe (za pomocą karty lub kliknięcia), domyślam się, że spodziewałeś się odpowiedzi po wpisaniu, ale przed zmianą ostrości. Aby to osiągnąć, posłuchaj zdarzenia input.