更改事件中的输入不适用于Farbtastic颜色选择器

Question

我正在使用根据我正在使用的主题进行自定义的Farbtastic颜色选择器。但是我面临着一个问题，即更改事件的输入无法正常工作。这是我的代码：

 <div class="color-picker">
    <div class="input-group pull-right">
         <div class="form-group dropdown">
             <input type="text" name="color" id="project-color-input" class="color-picker__value" value="{{$project->color}}" placeholder="Color" data-toggle="dropdown">
              <i class="form-group__bar"></i>
              <div class="color-picker__value"></div>
              <div class="dropdown-menu">
                  <div class="color-picker__target"></div>
              </div>
           </div>
       </div>
   </div>

这是我的JS代码

$('#project-color-input').change(function() {
    alert($(this).val());
});

问题是更改事件在我直接更改输入值时有效，但是在用拾色器更改值时不起作用。

也许我做错了，因为我是JS新手。帮助我了解这个问题。

Answer 1

到目前为止，我发现的是使用picker click事件获取更改而不是输入更改事件

$('.color-picker__target').on('click' , function(){
   console.log($('#project-color-input').val());
})