Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 30.08.2012, 11:53
Аспирант
Отправить личное сообщение для daima Посмотреть профиль Найти все сообщения от daima
 
Регистрация: 01.08.2012
Сообщений: 59

не могу в твоем коде разобраться


<!DOCTYPE HTML>
<html lang="ru-RU">
<body><input>
<script>
var keys={};
function show() {
	var str='';
	for(var i in keys)if(keys[i]) str += (String.fromCharCode(i)||i)+' + ';
	document.body.firstChild.value = str.slice(0,-3);
}
тут я долго пытался вывести код клавиш, но так и не смог((

function key(e) {
var key;
if (window.event) {
		key = window.event.keyCode;
	} else if (e) {
		key = e.which;
	}
вот эту запись не догнал

keys[key]= e.type === 'keydown' ? true : false;

здесь, я так понимаю, мы храним список клавиш, которые когда либо нажимались

show()
}
window.onkeydown = window.onkeyup = key;
</script>
</body>
</html>
Ответить с цитированием
  #12 (permalink)  
Старый 30.08.2012, 18:16
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,290

Расписал детально.
<!DOCTYPE HTML>
<html lang="ru-RU">
<body><input>
<script>
(function(){ //анонимная функция чтобы не сорить в глобальную область видимости
	function addEvent(elem, type, func) { //кроссбраузерное навешивание события, в любой(почти) библтотеке есть своя
		return elem.addEventListener ? elem.addEventListener(type, func, false) : elem.attachEvent('on' + type, func); //первый случай для нормальных браузеров, второй для осла
	}

	var keys = [], //массив нажтых клавиш
		names = {
			16: 'Shift',
			17: 'Ctrl', 
			18:	'Alt',
			37: 'Left',
			38: 'Up', 
			39:	'Right',
			40:	'Down',
			32:	'Space'
			//...
		}; //имена спецклавиш, если нужно


	function key(e) {
		e || (e = event);
		var key = e.which || e.keyCode, //первый случай для нормальных браузеров, второй для осла
			i = keys.length;
		if(e.type === 'keydown'){ //если событие keydown, т.е. клавиша нажата
			if( keys[i-1] !== key ){ //если срабатываение не повторное
				keys.push(key); //добавляем нажатую в конец массива
			}
		} else { //если клавиа поднята
			while(i--){ //перебор массива, можно было бы обойтись indexOf, да осёл не позволяет
				if( keys[i] === key){ //если есть такая
					keys.splice(i,1); //то удаляем её из массива
				}
			}
		}
		show() //обновление выводимой информации, если вывод не планируется, то это вам не нужно
		
		e.preventDefault ? e.preventDefault() : ( e.returnValue = false ); //отмена срабатывания стандартного сочетания клавиш, как обычно первый случай для нормальных браузеров, второй для осла
	}
	function show() { //
		var i = keys.length, 
			arr = keys.slice(0); //копируем массив клавиш
		while(i--){ 
			/*	
				Перебираем копию массива,
				сначаля ищем совпадения среди спецклавиш в names,
				затем пытаемся получить букву по коду клавиши,
				и в итоге, если ничего не вышло, оставляем код.
			*/
			arr[i] = names[ arr[i] ] || String.fromCharCode( arr[i] ) || '['+arr[i]+']';
		}
		document.body.firstChild.value = arr.join('+'); //вывод в первый элемент документа, в данном случае input
	}
	addEvent(document, 'keydown', key);
	addEvent(document, 'keyup', key);
}())
</script>
</body>
</html>
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Один обработчик для нескольких кнопок! frundik Элементы интерфейса 2 10.07.2012 15:30
Сымитировать нажатие клавиши по ее коду Win32 Events/DOM/Window 2 18.04.2012 02:37
Ajax. Работа с историей. Отследить нажатие "назад/вперед" Dorian_bs Общие вопросы Javascript 3 15.12.2011 02:19
Запуск выполнения PHP при нажатие на кнопку??? Abibas220 Общие вопросы Javascript 1 05.01.2011 12:05
Нажатие Левой и Правой кнопок мыши SergeiAzarov Общие вопросы Javascript 7 11.05.2008 16:57