javascript - If a disabled input button is clicked, display message - Stack Overflow

admin管理员组

文章数量:1356745

I have an input button, which when it is disabled, and someone tries to click it, needs to display an alert.

How is it possible to display a javascript message despite being disabled?

Tried this with no luck:

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

I have an input button, which when it is disabled, and someone tries to click it, needs to display an alert.

How is it possible to display a javascript message despite being disabled?

Tried this with no luck:

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

• javascript
• jquery

Share Improve this question Follow asked Jul 15, 2014 at 14:15 MRCMRC 55333 gold badges1010 silver badges3232 bronze badges 2

• See this: stackoverflow./a/7834293/3751213, however you may use mousedown event... – j809 Commented Jul 15, 2014 at 14:18
• Possible duplicate of stackoverflow./questions/7833854/… – Chris Lam Commented Jul 15, 2014 at 14:24

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

Use onmousedown instead of onclick, which is only fired when it is 'allowed' to. Some browsers, particularly Chrome, appear to disable all DOM events when a form element is disabled. While I think this is out of spec, you can use the following workaround:

Instead of using the disabled attribute, use CSS pointer-events to achieve a similar effect, illustrated here:

button.disabled {
    pointer-events:none;    
}

And then just use <button class="disabled"> instead of <button disabled>.

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

Wrapping it with another tag that has the on click function works.

本文标签： javascriptIf a disabled input button is clickeddisplay messageStack Overflow