$(document).on("click", function(e) {
    if (e.target === document || e.target.tagName === "BODY" || e.target.tagName === "HTML") {
        //boş alana tıklayınca çalışacak komut
    }
});

bu kodun anlamı şu kullanıcı BODY üzerinde yada HTML tagı içinde bir yere tıklayınca komut çalıştır.
divde yaptığınız değişikliklerin tam tersini // koyduğum yere yazarsanız kullanıcı boş alana tıklayınca işlem geri alınır

eğer değişiklik yaptğınız dive tıklayınca değişiliği geri alsın istemiyorsanız kodunuz aşağıdaki gibi olmalı:

$(document).on("click", function(e) {
    if ((e.target === document || e.target.tagName === "BODY" || e.target.tagName === "HTML") && e.target.id != "divinizin_ayirt_edici_id_adi") {
        //boş alana tıklayınca çalışacak komut
    }
});

divinizin_ayirt_edici_id_adi yerine dive bir id verebilirsiniz. Örneğin <div id="test">.. gibi.