javascript - 当未输入内容时如何从输入标签触发函数？

Question

我正在使用 angular2 颜色选择器。当从颜色选择器中选择颜色但未键入颜色时，输入元素的值会发生变化。现在，一旦输入标签的值发生变化，我就必须触发一个函数。所以keyup,keydown不能使用。(onchange)也不起作用。 See the demo of color picker

还有我的模板 <input [(ngModel)]="color" onblur="hexToRgb()" (keyup)="hexToRgb()" (change)="hexToRgb()"/>

Answer 1

使用此事件colorPickerChange

<input (colorPickerChange)="color=$event" [style.background]="color" [value]="color"/>

双向绑定(bind):

<input [(colorPicker)]="color" [style.background]="color" [value]="color"/>

或者:

<input [colorPicker]="color" (colorPickerChange)="color=$event" [style.background]="color" [value]="color"/>