Навигация между предыдущей и следующей страницей с помощью клавиатуры

Навигация между предыдущей и следующей страницей с помощью клавиатуры | n-wp.ru
Код, внедряющий скрипт перехода к следующему и предыдущему постам при нажатии на клавиатуре клавиш со стрелочками вправо и влево.
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

Иногда управление блогом с помощью клавиатуры бывает более удобным, нежели с помощью кнопок и ссылок. Например, это относится к навигации между предыдущей и следующей страницей — бывает быстрее найти стрелочку на клавиатуре, нежели чем кликать по ссылкам мышкой. Давайте внедрим такую навигацию на отдельную страницу, а так же на главную страницу и архив постов определенной категории.

Навигация между предыдущей и следующей страницей с помощью клавиатуры

Откройте файл functions.php используемой вами темы, добавьте в него следующий код:

add_action('wp_footer','keyboard_shortcut_navigation');
function keyboard_shortcut_navigation(){
	global $paged, $wp_query;
	if ( !$max_page )
		$max_page = $wp_query->max_num_pages;
	if ( !$paged )
		$paged = 1;
	$nextpage = intval($paged) + 1;
?>


    document.onkeydown = chang_page;function chang_page(e) {
    var e = e || event,
    keycode = e.which || e.keyCode;
	var obj = e.target || e.srcElement;
	if(obj.tagName.toLowerCase()=="textarea"){return;}
	if(obj.tagName.toLowerCase()=="input"){return;}
    if (keycode == 33 || keycode == 37) location = '';
    if (keycode == 34 || keycode == 39) location = '';
    }



    document.onkeydown = chang_page;function chang_page(e) {
		var e = e || event,
		keycode = e.which || e.keyCode;
		var obj = e.target || e.srcElement;
		if(obj.tagName.toLowerCase()=="textarea"){return;}
		if(obj.tagName.toLowerCase()=="input"){return;}
		if (keycode == 33 || keycode == 37) location = '';
		if (keycode == 34 || keycode == 39) 
		<?php if ( $nextpage 
			location = '';
		
			location = '';	
		
    }


<?php
}

Этот код содержит java-скрипт, отслеживающий нажатие клавиш клавиатуры. Клавиша с кодом 37 соответствует клавише «left arrow», клавиша с кодом «39» — клавише «right arrow», 33 — «page up», 34 — «page down». Работа скрипта ограничена главной страницей блога, архивом постов определенной категории и одиночным постом. На главной странице и в категории скрипт при нажатии на клавиши клавиатуры открывает следующую и предыдущую страницу, а в одиночном посте — следующий и предыдущий пост.

Переназначить клавиши под себя вам поможет таблица соответствия клавиш клавиатуры и их кодов.

Key Code
backspace 8
tab 9
enter 13
shift 16
ctrl 17
alt 18
pause/break 19
caps lock 20
escape 27
page up 33
page down 34
end 35
home 36
left arrow 37
up arrow 38
right arrow 39
down arrow 40
insert 45
delete 46
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
a 65
b 66
c 67
d 68
 
Key Code
e 69
f 70
g 71
h 72
i 73
j 74
k 75
l 76
m 77
n 78
o 79
p 80
q 81
r 82
s 83
t 84
u 85
v 86
w 87
x 88
y 89
z 90
left window key 91
right window key 92
select key 93
numpad 0 96
numpad 1 97
numpad 2 98
numpad 3 99
numpad 4 100
numpad 5 101
numpad 6 102
numpad 7 103
 
Key Code
numpad 8 104
numpad 9 105
multiply 106
add 107
subtract 109
decimal point 110
divide 111
f1 112
f2 113
f3 114
f4 115
f5 116
f6 117
f7 118
f8 119
f9 120
f10 121
f11 122
f12 123
num lock 144
scroll lock 145
semi-colon 186
equal sign 187
comma 188
dash 189
period 190
forward slash 191
grave acodeent 192
open bracket 219
back slash 220
close braket 221
single quote 222
Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

Оцените автора
Добавить комментарий