Simulate click with jQuery

Question

I have a script that assigns tabindex to visible elements on a page. Most of those are form elements but I also needed to add a way to add a div that I use to show/hide a section.

<span class="tabInto">Show/Hide</span>

I do this with jQuery

$(':input:visible, .tabInto').each(function (i) {
    $(this).attr('tabindex', i + 1);
});

So, when I tab through the form fields I am able to tab into that span as well. Now I need to be able to simulate click action, to expand hidden section, by using keyboard when I am focused on that span. How Can I do that? Is it usually done with Enter or Space bar?..

I'm not sure but you could call $("filter element").click();. — Felipe Oriani
– Felipe Oriani, Commented Aug 27, 2013 at 20:58
If you use an anchor instead of a span I believe this is default browser functionality. — James Montagne
– James Montagne, Commented Aug 27, 2013 at 21:00

James Montagne · Accepted Answer · 2013-08-27 21:06:00Z

1

If you are using an anchor tag (with an href), then this is default functionality. Hitting the enter key while the element has focus will trigger the click handler.

You can simulate this same functionality with a span in the following way:

$("span").click(function () {
    alert("click span");
});

$("span").keypress(function (e) {
    if (e.keyCode == 13) {
        $(this).click();
    }
});

http://jsfiddle.net/dLmyV/

answered Aug 27, 2013 at 21:06

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Joren · Accepted Answer · 2013-08-27 21:02:29Z

0

Using $(".tabInto").trigger("click")

This way you fire the 'click' event on the tabInto class.

Source: http://api.jquery.com/trigger/

answered Aug 27, 2013 at 21:02

Joren

3,37327 silver badges49 bronze badges

Collectives™ on Stack Overflow

Simulate click with jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related