我想在我的叠加层顶部有一个交叉关闭按钮。

时间:2011-07-28 12:15:46

标签: javascript jquery

我的网页上有一个叠加层。我想在叠加层顶部放置一个十字符号,以便用户可以叠加叠加层。那么如果用户按下转义键,我将如何关闭叠加层。

3 个答案:

答案 0 :(得分:1)

$(document).keyup(function(e) {  
if (e.keyCode == 27) {
//close the overlay
}   

jquery keyup

这里是小提琴http://jsfiddle.net/yJTJz/3/

答案 1 :(得分:1)

应该这样做..

$(document).keyup(function(e){
   if (e.which == 27){
     $('#closeButtonId').trigger('click');
   }
});

假设你的交叉按钮附加了一个关闭覆盖的点击处理程序..

$('#closeButtonId').click(function(){
   $('#overlay').hide();
});

答案 2 :(得分:0)

      if (e.keyCode ==27){
            $('#your x-button').click();
    }