为什么更改输入不会触发更改事件？

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);
        }
    });
});

DEMO

Answer 2

只有当文本框值发生变化以及焦点从特定文本框中模糊时，才会触发更改事件，因此在此上下文中您必须使用输入

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

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

DEMO