I need a way of capturing onclick, for a text input that is disabled. I would prefer not to use jQuery, but if there was no javascript alternative, would use it. Thanks in advance

EDIT: I have tried simply adding an onclick="" to a disabled text field, which did not work. Is there any way to do it without jquery? Thanks

I need a way of capturing onclick, for a text input that is disabled. I would prefer not to use jQuery, but if there was no javascript alternative, would use it. Thanks in advance

EDIT: I have tried simply adding an onclick="" to a disabled text field, which did not work. Is there any way to do it without jquery? Thanks

• javascript
• text
• input
• onclick
• disabled-input

• textInput.onclick = function() { alert('Like this?') } – tckmn Commented Sep 15, 2013 at 20:07
• @Doorknob Where should I put this code? Does it need jQuery? – user2370460 Commented Sep 15, 2013 at 20:15
• Just to clarify, jQuery is 101% JavaScript. – mikekavouras Commented Sep 16, 2013 at 2:00

3 Answers 3

How about delegation events to parent elements like here?

<span style="position:relative;" onClick="event.target.value='clicked';">
  <input type="text" disabled "/>
</span>

If my answer is acceptable please ment it and I'll make an explanation.

You are probably lookinf for this:-

$("div").click(function (evt) {
    $(this).hide().prev("input[disabled]").prop("disabled", false).focus();
});

DEMO JSFIDDLE

This is the modified jsfiddle proposed by Rahul Tripathi using pure javascript.

This is the function that made it works:

document.getElementById("textInput").onclick = function() {
    alert("Input clicked");
}