拾色器只读

Question

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

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

click事件有效，但还会出现不应该出现的颜色选择器ID

Answer 1

您可以将输入内容包装在div中，并听取此div上的点击：

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

通过这种方式，输入被禁用，但是您可以在其上“单击”。