1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| $(function($) {
// читаем (body), ожидаем действия (on) с событиями (keydown, keyup, click),
// объявляем функцию для переменной (e, где e = событие от пользователя)
$('body').on('keydown keyup click', function(e){
// отключаем действия броузера по умолчанию
e.preventDefault();
// объявляем новую переменную-тумблер (wk)
// и присваиваем ей стартовое значение (false)
var wk = false;
// объявляем условие: если одновременно нажаты клавиша Ctr + клавиша Q
// и событие у Q = keydown, то тумблер (wk) станет true
if ( e.ctrlKey && e.which == 81 && e.type == 'keydown' ) { wk = true };
// объявляем еще одно (основное) условие:
// если тумблер (wk) имеет значение true, то есть пользователь Ctr + Q
if ( wk == true ) {
// тогда добавляем к картинке ( у которой id = img )атрибут (class) с именем (click)
$('#img').attr('class', 'click');
// после появления у объекта (img) нового атрибутаб перечитываем (body)
// и ожидаем действия (on) с событием (click) на объекте с классом (.click),
// т.е. который мы только что добавили картинке (img)
$('body').on('click', '.click', function(){
// если событие произошло (нажаты Ctr + Q + Click по картинке),
// то открываем в родном окне страничку с адресом (auth.html)
location.assign('auth.html');
});
// объявляем еще одно условие (в данном случае возвращаем все на исходную позию)
// если пришло событие (е) что клавиша Q поднята (keyup)
}else if ( e.which == 81 && e.type == 'keyup' ){
// у картинки ( у которой id = img ) удаляем ПОЛНОСТЬЮ ранее присвоенный атрибут (class)
$('#img').removeAttr('class');
};
});
})(jQuery); |