拾色器只读

Question

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

<input type="color" value="#9400D3" (click)="onClickColor('#9400D3')"> 

点击事件有效，但颜色选择器 ID 也出现了，这不应该

Answer 1

您可以将您的输入包装在 div 中并听取对此 div:

的点击

<div (click)="onClickColor('#9400D3')">
    <input type="color" value="#9400D3" disabled>
</div>

这样输入就被禁用了，但是你可以'click'打开它。