fire a button with pressing ENTER after coming with TAB to it

Question

there is a button in my code. Apart from using mouse and clicking it, I'd like to fire (pressing ENTER) it after selecting it with TAB.

<div id="CloseButton" tabindex="0" onkeypress="return submitOnEnter(blah,event)">Close</div>

if it helps:

function submitOnEnter(blah,e) {
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    else if (e) keycode = e.which;
    else return true;

    if (keycode == 13) {
        //at this point I need to fire a button w/o using its id
        return false;
    } else {
        return true;
    }
}

If someone knows how to do it?

Is it possible to make 'blah' refer to <div>, such that I could do: $(blah).click();

I think it happens anyway - like in a form you can switch to different input boxes using tab and also you can select the submit button with tab and hit enter to submit it. — Pramod Solanky, Dec 04 '14 at 14:03
@PamioSolanky Nope, just hitting enter doesn't do anything for me. — 6axter82, Dec 04 '14 at 14:06
To answer the part of your question that goes 'Is it possible to make 'blah' refer to
, such that I could do: $(blah).click();' - yes it is possible. Use 'this' in the onkeypress definition instead of 'blah'. — earthling42, Dec 04 '14 at 14:46

score 0 · Answer 1 · answered Dec 04 '14 at 16:19

0

this could work:

jQuery(':focus').click()

answered Dec 04 '14 at 16:19

Ritzelprimpf

176
1
11

6axter82 · Accepted Answer · 2014-12-08T15:59:24.563

here is my solution:

part of HTML, close button is a div element and is a part of a modal window:

...
<div class="closeButton">
      <span id="closeSpan" tabindex="0">Close</span>
</div>
...

JS, within the ModalWindow class:

$(modWin).find("#closeButton").one("click",            
                   this.close).keypress(this.doNothing);

this.close  = function () {
    $("#modalWindow").css("display","none").fadeOut(200).html("");
    $("#modalWindow #closeButton").hide();
    $(window.self.document.body).find("#modalWindow").remove();
}

this.doNothing = function (e) {
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    else if (e) keycode = e.which;
    else return true;

    if (keycode == 13) {
        innerthis.close();
        return false;
    } else {
        return true;
    }
}

PS: innerthis is defined within the ModalWindow class as:

var innerthis = this;

fire a button with pressing ENTER after coming with TAB to it

2 Answers2