Как вы избегаете потерять фокусировку на кондиционеру, когда пользователь нажимает за пределы этого элемента?

Я хочу предотвратить ущерб конденсированной области, если указывается, если щелчок находится вне этой области. Некоторым образце HTML выглядит так:

    
Hello


    
If you click on this or anywhere for that matter after focusing on Hello, you lose your focus on Hello

Образец JavaScript выглядит следующим образом:

$(document).ready(function()
{
    $('#content')[0].contentEditable=true;

    $('#clickThis').bind('click',function(e)
    {
        console.log(window.getSelection().getRangeAt(0).startContainer);
        e.preventDefault();
    });
});

Когда вы нажимаете на # knckThits Div или в любом месте за пределами # Content Div, вы теряете фокус На # Content DIV, даже если вы вызываете функцию PreventDefault Chicle события.

Кроме того, диапазон меняется момент, когда событие Click будет запущено, поэтому я не могу просто вернуться к предыдущему диапазону после произошедшего. Есть ли способ поддерживать положение курсора и сосредоточиться после появления клика?

Спасибо.

jsfiddle: http://jsfiddle.net/vivekvish/fkdhe/4/