Javascriptを閉じる（.popup）divにするにはどうしたらいいですか？

Question

このjavascript/jqueryは、divをクリックするか、escを押すか、オブジェクトの外側をクリックするなど、いくつかの異なる機能を持つポップアップを閉じるのに役立ちます。このコードを短縮する方法はありますか？あるいはそれを書く良い方法はありますか？ありがとう！

$(function() { 
    $('.ex').click(function() { 
     $('.popup').removeClass('fadeIn').slideUp(1000); 
     $('.blurme').removeClass('blur'); 
    }); 
}); 

$(document).on('keydown', function (e) { 
    if (e.keyCode === 27) { // ESC 
     $('.popup').removeClass('fadeIn').slideUp(1000); 
     $('.blurme').removeClass('blur'); 
    } 
}); 

$(document).click(function (e) { 
    if (e.target.id != 'popup') { 
     $('.popup').removeClass('fadeIn').slideUp(1000); 
     $('.blurme').removeClass('blur'); 
    } 
}); 

Answer 1

はい、factori seのclosePopup()機能です。また$(document).on(...).click(...)

function closePopup() { 
    $('.popup').removeClass('fadeIn').slideUp(1000); 
    $('.blurme').removeClass('blur'); 
} 

$(function() { 
    $('.ex').click(closePopup); 
}); 

$(document).on('keydown', function (e) { 
    if (e.keyCode === 27) closePopup() 
}).click(function (e) { 
    if (e.target.id != 'popup') closePopup() 
}); 

Answer 2

あなたの機能に非常にredondantコードを持っている：

まず、ポップアップが閉じられるの関数を作成：

var _closePopup = function(){ 
     $('.popup').removeClass('fadeIn').slideUp(1000); 
     $('.blurme').removeClass('blur'); 
} 

と_closePopup()

$(function() { 
    $('.ex').click(function() { 
     _closePopup() 
    }); 
}); 

$(document).on('keydown', function (e) { 
    if (e.keyCode === 27) { // ESC 
     _closePopup() 
    } 
}); 

$(document).click(function (e) { 
    if (e.target.id != 'popup') { 
     _closePopup() 
    } 
}); 

を使用して関数内でそれを呼び出します