Blokada 'tab' na stronie

Witam,
Mam edytowanlego diva i potrzebuje zrobić żeby po naciśnięciu klawisza tab nie przechodziło na inny element tylko zrobiło 4 spacje.

Ktoś nie umie korzystać z Google, w roku 2013 to nie jest nic dobrego..

http://pallieter.org/Projects/insertTab/

Zamiast 4 spacji wstawia znak tabulacji, ale to zmienisz bez problemu.

<script>
function insertTab(o, e)
{
	var kC = e.keyCode ? e.keyCode : e.charCode ? e.charCode : e.which;
	if (kC == 9 && !e.shiftKey && !e.ctrlKey && !e.altKey)
	{
		var oS = o.scrollTop;
		if (o.setSelectionRange)
		{
			var sS = o.selectionStart;
			var sE = o.selectionEnd;
			o.value = o.value.substring(0, sS) + "\t" + o.value.substr(sE);
			o.setSelectionRange(sS + 1, sS + 1);
			o.focus();
		}
		else if (o.createTextRange)
		{
			document.selection.createRange().text = "\t";
			e.returnValue = false;
		}
		o.scrollTop = oS;
		if (e.preventDefault)
		{
			e.preventDefault();
		}
		return false;
	}
	return true;
}
</script>
<textarea onkeydown="insertTab(this, event);"></textarea>

znalezione w sieci

Pewnie do textarea to działa ale do edytowalnego diva niestety nie działa.

co rozumiesz pod pojeciem "edytowalny div"???

Eh.

contenteditable tab w Google i proszę, cała lista wyników, w tym ten: http://webdevrefinery.com/forums/topic/6509-insert-a-tab-in-a-contenteditable-div/

To naprawdę takie trudne?