Fatal编程技术网
  • angular/
  • Angular 颜色选择器只读

Angular 颜色选择器只读

angular

Angular 颜色选择器只读,angular,readonly,color-picker,Angular,Readonly,Color Picker,我希望颜色字段为只读并触发一个点击事件，有什么办法吗？目前我正在这样做 <input type="color" value="#9400D3" (click)="onClickColor('#9400D3')"> click事件正在工作，但颜色选择器id也会出现，它不应您可以将输入包装在一个div中，并侦听此div上的单击： <div (click)="onClickColor('#9400D3')"> <input type="color" val

我希望颜色字段为只读并触发一个点击事件，有什么办法吗？目前我正在这样做

<input type="color" value="#9400D3" (click)="onClickColor('#9400D3')">
click事件正在工作，但颜色选择器id也会出现，它不应

您可以将输入包装在一个div中，并侦听此div上的单击：

<div (click)="onClickColor('#9400D3')">
    <input type="color" value="#9400D3" disabled>
</div>
通过这种方式，输入被禁用，但你可以“点击”它。

你到底想要什么，你能再解释一下吗？请在stackblitz中提供一个可复制的例子，这有助于SO社区更好地回答你的问题我不希望颜色选择器来只是想在这个输入字段@pardepjain上触发点击事件