如何在jquery中隐藏esc keypress上的div数组

时间:2016-08-04 18:27:57

标签: javascript jquery html css

我的项目中有array个弹出式div标签。我必须隐藏使用for循环弹出的特定div。这是JavaScript代码:

window.addEventListener('keydown', function(e) {
    var TargetDiv = document.getElementById('Srt_pgina');
    var PopupDiv = document.getElementById('pgina');
    var PopupTagContent = document.getElementById('PopupTagContent');
    var SearchFormDiv = document.getElementById("sf-search-form");
    if (e.keyCode == 27) {
        var Popup = new Array();
        Popup[0] = TargetDiv;
        Popup[1] = PopupDiv;
        Popup[2] = PopupTagContent;
        Popup[3] = SearchFormDiv;
        for (var i = 0; i < Popup.length; i++) {
            if (Popup[i].style.display == 'block') {
                Popup[i].style.display = 'none';
            }
        }
    }
});

1 个答案:

答案 0 :(得分:1)

$(document).keydown(function(e) {
   if (e.keyCode == 27) { 
       $('#Srt_pgina').hide();
       $('#pgina').hide();
       $('#PopupTagContent').hide();
       $('#sf-search-form').hide();
   }
});

这是您的javascript代码的jQuery代码。