Горячие клавиши и javascript
Добавить веб приложению функциональности позволяют быстрые (hot keys) кнопки.
Вот простой способ их реализации:
<body onkeyup="func_2fast(event)">
<script type="text/javascript">
function func_2fast(event){
id = event.keyCode-48;
if (event.shiftKey) {
url = '';
switch(id) {
case 1:
url = 'index.php?c=1';
break;
case 2:
url = 'index.php?c=2';
break;
case 3:
url = 'index.php?c=3';
break;
case 4:
url = 'index.php?c=4';
break;
}
if (url) window.location.href=url;
}
}
</script>
В этом примере кнопкам SHIFT+(1-4) назначено действие перехода по соотвествующему URL.
Навигация вперед назад с помощью стрелок + ctrl
$(window).keydown(function(event){
if (event.ctrlKey) {
var link = null;
switch (event.keyCode ? event.keyCode : event.which ? event.which : null) {
case 0x25:
link = $('a#previous_page');
break;
case 0x27:
link = $('a#next_page');
break;
}
if (link && link.attr('href')) document.location = link.attr('href');
}
});
@author: surg30n
@date: Понедельник, 26 Февраль 2007
Комментарии : 4
|
4] Гость - 03:08, 27 Январь, 2012
|
|
good, http://bigtorrent-ua.com/
|
|
3] Гость - 21:29, 15 Январь, 2011
|
|
Пишу спустя два года так как эта статья все еще есть в гугл. Зачем использовать jQuery он слишком много весит а ведь у некоторых кеш не настроен что ему прейдется все время качать твою библиотеку ради пару модных функций. Легче изобрести велосипед
|
|
2] surg30n - 11:33, 30 Июль, 2009
|
еще проще воспользоваться jquery:
jQuery(document).bind('keydown', 'Ctrl+e',function (evt){jQuery('#_Ctrl_e').addClass('dirty'); return false; });
jQuery(document).bind('keydown', 'Ctrl+f',function (evt){jQuery('#_Ctrl_f').addClass('dirty'); return false; });
|
|
1] Гость - 21:39, 29 Июль, 2009
|
Код покороче и побыстрей:
function func_2fast(event){
id = event.keyCode-48;
if (event.shiftKey) {
var url = ([0, 1, 1, 1, 1] )[id] ? "index.php?c=" + id : "";
if (url) { window.location.href=url; }
}
}
P.S.: не используйте switch - case без крайней необходимости
|
@СКАЖИРЕКЛАМЕНЕТ@
