如果单击禁用的输入按钮，则显示消息

Question

我有一个输入按钮，当它被禁用时，有人试图点击它，需要显示警告。

尽管被禁用，如何才能显示javascript消息？

试着没有运气：

<input type="submit" onclick="alert('click')" value="Disabled Input Button" disabled/>

Answer 1

使用onmousedown代替onclick，只有在“允许”时才会触发。某些浏览器（尤其是Chrome）在禁用表单元素时似乎禁用所有DOM事件。虽然我认为这不符合规范，但您可以使用以下解决方法：

不使用disabled属性，而是使用CSS pointer-events来实现类似效果，illustrated here：

button.disabled {
    pointer-events:none;    
}

然后只使用<button class="disabled">代替<button disabled>。

Answer 2

<span  onclick="alert('This input is disabled')">
    <input type="submit" value="Disabled Input Button" disabled/>
</span>

用另一个具有点击功能的标签包装它。