Показать сообщение отдельно
  #2 (permalink)  
Старый 19.07.2012, 09:27
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

<input type="text" />
<input type="text" />
<div id="test"></div>
<script>

if ( document.addEventListener ) {

	// w3c решение

	document.addEventListener( 'focus', function( e ) {
	    if ( e.target.nodeName == "INPUT" ) {
	        document.getElementById("test").innerHTML = 'Фокус на одном из инпутов';
	    }
	}, true);
	document.addEventListener( 'blur', function( e ) {
	    if ( e.target.nodeName == "INPUT" ) {
	        document.getElementById("test").innerHTML = 'Фокус не на инпутах';
	    }
	}, true);

} else if ( document.attachEvent ) {

	// IE < 9 решение, вешать на каждый элемент, иначе никак

	var i = 0, els = document.getElementsByTagName( 'INPUT' );
	for( var el, i = 0; el = els[ i++ ]; ) {
		el.attachEvent( 'onfocus', function() {
		    document.getElementById("test").innerHTML = 'Фокус на одном из инпутов';
		});
		el.attachEvent( 'onblur', function() {
		    document.getElementById("test").innerHTML = 'Фокус не на инпутах';
		});
	}
}
</script>
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием