jquery click a link

Question

I have an element that has a href attribute calling a javascript function. This element is in two classes : ( class="icon32 icon-close" ). This link is represented as an "X" on a div that has the class .modal and is used to close the div. My question is, can I make the div close, therefore, calling the a link, when the user presses the "esc" key. I tried the code below, but it does NOT work, although the alert shows up:

$(document).keypress(function (e) {
    if (e.keyCode == 27) {
        alert('esc was pressed');

        $('.modal>.icon32').click();
    }
});

Shouldn't jQuery UI Dialog already take care of handling the Esc? — Ja͢ck
– Ja͢ck, Commented Jan 17, 2013 at 10:08
Let's see the relevant HTML and JavaScript for the <a> tag. — Anthony Grist
– Anthony Grist, Commented Jan 17, 2013 at 10:08

user447356 · Accepted Answer · 2013-01-17 10:20:31Z

2

You should be calling the .click() event of the native DOM element not the jQuery .click() event. To do that, have such code instead:

$('.modal>.icon32')[0].click();

answered Jan 17, 2013 at 10:20

user447356

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

Comments

Stephen Byrne · Accepted Answer · 2013-01-17 10:11:18Z

0

which doesn't work - pressing the esc key (in which case try using e.which instead of keyCode), or the actual selector to invoke the click? (in which case, test if your selector is wrong by giving the element an explicit ID and try selecting it that way to verfy that it's just your selector).

Also, why do you need to "click" the "X" ->Can you not just "hide()" the modal div element?

answered Jan 17, 2013 at 10:11

Stephen Byrne

7,5151 gold badge35 silver badges52 bronze badges

Comments

insomiac · Accepted Answer · 2013-01-17 10:18:25Z

0

You can also do this :

$(document).keyup(function (e) {
    if (e.keyCode == 27) {
        // As soon as he escape is clicked you do..
        $('.icon32.icon-close').click();
    }
});

answered Jan 17, 2013 at 10:18

insomiac

5,6848 gold badges47 silver badges73 bronze badges

Comments

adeneo · Accepted Answer · 2013-01-17 10:19:07Z

0

You'll need to use keyup or keydown for the escape key, and e.which is normalized in jQuery:

$(function() {
    $(document).on('keyup', function (e) {
        if (e.which == 27) {
            $('.modal > .icon32').trigger('click'); //NOTE: direct child selector
        }
    });
});

FIDDLE

edited Jan 17, 2013 at 10:19

answered Jan 17, 2013 at 10:11

adeneo

319k29 gold badges410 silver badges392 bronze badges

Comments

Prasanth · Accepted Answer · 2013-01-17 10:25:24Z

0

If you are using jQuery modal dialog, use option closeOnEscape: false like this:

$("#div").dialog({
            modal: true,
            resizable: false,
            closeOnEscape: false,
                buttons: {
                    Ok: function () {
                       //do something
                    }
                    Cancel: function(){
                       //do something
                    }
                }
            });

answered Jan 17, 2013 at 10:25

Prasanth

3,03934 silver badges44 bronze badges

Collectives™ on Stack Overflow

jquery click a link

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related