隐藏鼠标上的div单击或退出关键字按

Question

我有以下代码隐藏我的div(实时搜索结果)当鼠标在div外面点击但我不能合并一个OR功能,当按下退出键时,它执行相同的操作(隐藏div).任何帮助都非常值得赞赏.此外,鼠标单击输出的原始代码来自我在Stackoverflow上获得的另一个线程.或功能让我很难过.

var mouse_is_inside = false;

$(document).ready(function()
{
    $('.form_content').hover(function(){ 
        mouse_is_inside=true; 
    }, function(){ 
        mouse_is_inside=false; 
    });

    $("body").mouseup(function(){ 
        if $('#display').hide();
    });
});

Answer 1

这会在按下转义时隐藏#display:

$(document).keyup(function(event) {
    if(event.which === 27) {
        $('#display').hide();
    }
});

示例: http ://jsfiddle.net/nsufH/

您也可以尝试使用窗口而不是文档:

$(window).keyup(function(event) {
    if(event.which === 27) {
        $('#display').hide();
    }
});

或尝试使用直播:

$(document).live('keyup', function(event){
    if(event.which === 27) {
        $('#display').hide();
    }
});