Ereignishandler für ein HTML5-Farbeingabeelement

Mit der neuen Eingabe=" "color" - element in Chrom löst eine neue popup-Dialogfeld:

Ereignishandler für ein HTML5-Farbeingabeelement

Ich würde gerne wissen, ob es ein event-handler, der ausgelöst wird, sobald der Wert in diesem Vorschau-Fenster ändert und nicht erst nach dem Klick auf "OK"

jQuery('#colorinput').on('change', function() { //fires only after clicking OK
    jQuery('#main').css('background-color', jQuery(this).val()); 
 });​

Sehen http://jsfiddle.net/Riesling/PEGS4/

InformationsquelleAutor der Frage Riesling | 2012-12-10

  1. 14

    Was Sie suchen, ist die input - Ereignis.

    Ihre geändert fiddle sollte jetzt in allen (anständige) Browser:

    $('#colorinput').on('input', function() { ... } )

    InformationsquelleAutor der Antwort Marc-André Lafortune

  2. 1

    Du wirklich willst Eingabe-Ereignis pro HTML-Spezifikation.
    Nichts garantiert, dass change-Ereignis ausgelöst, bevor das input-element den Fokus verloren hat.

    "Das Eingabe-Ereignis wird ausgelöst, wenn der Benutzer verändert die Daten des Steuerelements. Das change-Ereignis wird ausgelöst, wenn der Wert übernommen wird, wenn das Sinn macht für die Kontrolle, oder sonst, wenn das Steuerelement den Fokus verliert. "

    InformationsquelleAutor der Antwort anon

  3. -1

    Um den Wert der color-Eingang, verwenden Sie das event-Attribut onchangein w3school

    <input name="eventColor" type="color" onchange="getColorVal(eventColor.value)"/>

    und eine Funktion definieren, die das Ereignis behandeln

     function getColorVal(colorValue){

     alert(colorValue);
}

    InformationsquelleAutor der Antwort palAlaa

Schreibe einen Kommentar