input框readonly后点击事件仍然触发

为什么我加readonly还是可以出发日历？

<input name="startDate" readonly="readonly" id="startDate" 
class="calendar" type="text" size="10"
                           onclick="calendar('startDate');"

是我理解的不对吗，readonly是不可以修改input的value值，onclick是单击事件，两者好像没有关系吧

加个unselectable="on" 然后readonly="readonly"改成readonly 试试

onclick事件里判断一下如果是readyonly直接return不再往下走就行了

可以添加css (pointer-events: none;)禁止点击事件