為什么更改輸入不會在更改事件上觸發？

Question

我試圖在輸入值更改時獲取輸入的更改值。

http://jsfiddle.net/stackmanoz/694W9/

$(function () {
    $('.color-iris').iris();
    $('#color').on('change', function () {
        console.log($(this).val());
    });
});

我正在使用顏色選擇器，並且在輸入的值更改為新的顏色值之后，我想獲取其值。

但這進展不順利。

請通過這個指導我

Answer 1

使用選項change

$(function () {
    $('.color-iris').iris({
        change: function () {
            console.log(this.value);
        }
    });
});

演示

Answer 2

僅當該文本框的值發生變化時才會觸發Change事件，因為焦點會從特定文本框中消失，因此在這種情況下，您必須使用輸入

$(function () {
    $('.color-iris').iris();
 $('#color').on('input', function () {

 console.log($(this).val());
}) ;
});

演示