jQuery单击一个链接

Question

我有一个具有href属性的元素，该属性调用javascript函数。 此元素位于两个类中：（ class="icon32 icon-close" ）。 该链接在具有.modal类的div上表示为“ X”，用于关闭div 。 我的问题是，当用户按下“ esc”键时，是否可以关闭div，从而调用该链接。 我尝试了下面的代码，但是虽然警报出现了，但是它不起作用：

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

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

Answer 1

您应该调用本机DOM元素的.click()事件， 而不是jQuery .click()事件。 为此，请改用以下代码：

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

Answer 2

您需要使用keyup或keydown作为转义键，而e.which在jQuery中已标准化：

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

小提琴

Answer 3

哪个不起作用-按esc键（在这种情况下，请尝试使用e.which而不是keyCode），或使用实际的选择器来调用该点击？ （在这种情况下，通过为元素提供一个明确的ID来测试您的选择器是否错误，然后尝试以这种方式选择它以证明它只是您的选择器）。

另外，为什么需要“单击”“ X”->可以不仅仅“ hide（）”模态div元素？

Answer 4

您也可以这样做：

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

Answer 5

如果您正在使用jQuery模态对话框，请使用closeOnEscape: false选项closeOnEscape: false如下所示：

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