Focus inputs on double click?

Question

I want to prevent input focus onclick and focus inputs on double click.

Something like....

$('input').click(function) {
    $(this)preventFocus();
});

$('input').dblclick(function) {
    $(this)focus();
});

Or maybe I should use an if statement?

Have you actually tried anything? check out: http://stackoverflow.com/questions/8735764/prevent-firing-focus-event-when-clicking-on-div — Mike Edwards, Oct 30 '13 at 20:42
Been trying for 2 hours mate :( I'll take a look at that answer, thanks. — colmtuite, Oct 30 '13 at 20:45
Sorry to hear that :( You should try to phrase your questions in terms of 1) this is what I did and 2) this is the problem I'm having. The code you posted is not valid Javascript so as written you would get a syntax error, which you didn't mention. — Mike Edwards, Oct 30 '13 at 20:47

score 5 · Accepted Answer · answered Oct 30 '13 at 20:46

5

I guess something like this should work :

$('input').on({
    focus: function() {
        if (!$(this).data('disabled')) this.blur()
    },
    dblclick: function() {
        $(this).data('disabled', true);
        this.focus()
    },
    blur: function() {
        $(this).data('disabled', false);
    }
});

FIDDLE

answered Oct 30 '13 at 20:46

adeneo

312,895
29
395
388

Looks good. Tried it with knockout, but obviously something interfering. – Asle G May 28 '15 at 14:33

score 1 · Answer 2 · answered Oct 30 '13 at 20:51

You could try something like the following

HTML:

<input type="text" id="myInput" readonly="readonly" />

jQuery:

$("#myInput").dblclick(function(){
   $(this).prop("readonly", false)
});
$("#myInput").blur(function(){
   $(this).prop("readonly", true); 
});

See http://jsfiddle.net/KWuR5/

Focus inputs on double click?

2 Answers2