javascript - 隐藏元素按 Esc

Question

此代码不会隐藏当我按 Esc 键时本应隐藏的框 div。

function Boxup(elementN, event){
    $("#"+elementN).css({
        "display":"block",
        "top":event.pageY+"px" ,
        "left":event.pageX+"px"    
    })
}
function hideCurrentPopup(ele){
    $(ele).parent().hide();
}

    $(this).keyup(function(event) {
        if (event.which == 27) { 
            disablePopup();  
        }   
    });

我错过了什么吗？

Answer 1

从您的代码中我无法准确判断此行中的 this 指的是什么:

$(this).keyup(function(event) {

因为this引用了“textarea”或“input”，如果该元素具有<，它将触发事件 em>focus，否则您正在寻找 document

注册的 keyup 事件

但是您可以尝试以下方法。

function Boxup(elementN, event){
    $("#"+elementN).css({
        display : "block",
        top  : event.pageY , // px are not needed as they are default unit in jQ
        left : event.pageX    
    })
}

function hideCurrentPopup(ele){ // note your function name and the argument! 
    $(ele).parent().hide();     // (do you need .parent()? I don't know
}                               // without seeing any HTML sample)

$(document).keyup(function(event) { // document is probably the selector you want
    if (event.which == 27) { 
        hideCurrentPopup("#hereYourPopupID");  // try alike
    }   
});

_{P.S:确保通过使用 $(some Selector here).keyup(function(event) { ，在任何情况下都不会阻止 keyup 事件使 DOM 树向上冒泡到达 documentElement}