запрет на показ закрывается при использовании jQuery

Question

Когда я открываю страницу входа в систему, если блокировка колпачка включена, мне нужно немедленно показать, что блокировка замка включена. Я видел некоторые сообщения, такие как

this Что отображается в keypress. Но я хочу показать сразу после загрузки страницы. Как я могу сделать это с помощью jQuery. Пожалуйста, помогите мне. Спасибо заранее.

Answer 1

Извините, но вы не можете получить состояние кнопки на клавиатуре при загрузке страницы. Вы должны проанализировать keyCode нажатия клавиши. Это единственный путь.

Проверить этот пост: detect caps lock status on page load (or similar)

Answer 2

Существует JQuery плагин называется capslockstate, который будет следить за состоянием колпачков блокировки ключа по всей страницы, а не только в конкретных областях.

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

Плагин выполняет лучшую работу по обнаружению и управлению состоянием, чем другие предложения здесь, включая работу с неанглийскими клавиатурами, контроль за использованием самого ключа Caps Lock и не забывание состояния, если введены не-альфа-символы ,

Есть две демонстрации, one showing basic event binding и еще showing the warning only when the password field has focus.

например.

$(document).ready(function() { 

/* 
* Bind to capslockstate events and update display based on state 
*/ 
$(window).bind("capsOn", function(event) { 
    $("#statetext").html("on"); 
}); 
$(window).bind("capsOff", function(event) { 
    $("#statetext").html("off"); 
}); 
$(window).bind("capsUnknown", function(event) { 
    $("#statetext").html("unknown"); 
}); 

/* 
* Additional event notifying there has been a change, but not the state 
*/ 
$(window).bind("capsChanged", function(event) { 
    $("#changetext").html("changed").show().fadeOut(); 
}); 

/* 
* Initialize the capslockstate plugin. 
* Monitoring is happening at the window level. 
*/ 
$(window).capslockstate(); 

// Call the "state" method to retreive the state at page load 
var initialState = $(window).capslockstate("state"); 
$("#statetext").html(initialState);}); 

и

$(document).ready(function() { 

/* 
* Bind to capslockstate events and update display based on state 
*/ 
$(window).bind("capsOn", function(event) { 
    if ($("#Passwd:focus").length > 0) { 
     $("#capsWarning").show(); 
    } 
}); 
$(window).bind("capsOff capsUnknown", function(event) { 
    $("#capsWarning").hide(); 
}); 
$("#Passwd").bind("focusout", function(event) { 
    $("#capsWarning").hide(); 
}); 
$("#Passwd").bind("focusin", function(event) { 
    if ($(window).capslockstate("state") === true) { 
     $("#capsWarning").show(); 
    } 
}); 

/* 
* Initialize the capslockstate plugin. 
* Monitoring is happening at the window level. 
*/ 
$(window).capslockstate();}); 

The code for the plugin доступен для просмотра на GitHub.