Fórum PRIMEFACES detectar capslock ativo #479789

22/05/2014

0

Ola, desenvolvi uma função em JavaScript porem não está funcionando corretamente, preciso que esta função funcione em um inputText

<title>Verificando se o Caps Lock esta ativado</title>
<script type="text/javascript">
function checar_caps_lock(ev) {
var e = ev || window.event;
codigo_tecla = e.keyCode?e.keyCode:e.which;
tecla_shift = e.shiftKey?e.shiftKey:((codigo_tecla == 16)?true:false);
if(((codigo_tecla >= 65 && codigo_tecla <= 90) && !tecla_shift) || ((codigo_tecla >= 97 && codigo_tecla <= 122) && tecla_shift)) {
document.getElementById('aviso_caps_lock').style.visibility = 'visible';
}
else {
document.getElementById('aviso_caps_lock').style.visibility = 'hidden';
}
}
</script>



<h:inputText id="j_username" TYPE="text" style="height: 23px; width: 200px;"
class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all"
onkeypress="javascript:checar_caps_lock(event)"/>
<div id="aviso_caps_lock" style="visibility:hidden">
<table style="background-color: #FFFFCC; border: 1 solid #FF0000">
<tr>
<td width="100%">Atenção: O Caps Lock esta ativado!</td>
</tr>
</table>
</div>
Diogo Silva

Diogo Silva

Responder

Posts

23/05/2014

Lucas Burg

Ola amigo fiz algumas modificações agora funciona:


<title>Verificando se o Caps Lock esta ativado</title>
<script type="text/javascript">

function checar_caps_lock(ev) {
var e = ev || window.event;

var codigo_tecla = e.keyCode?e.keyCode:e.which;

var tecla_shift = e.shiftKey?e.shiftKey:((codigo_tecla == 16)?true:false);

if(((codigo_tecla >= 65 && codigo_tecla <= 90) && !tecla_shift) ||
((codigo_tecla >= 97 && codigo_tecla <= 122) && tecla_shift)) {
document.getElementById('aviso_caps_lock').style.visibility = 'visible';
}
else {
document.getElementById('aviso_caps_lock').style.visibility = 'hidden';
}
}
</script>



<input id="j_username" TYPE="text" style="height: 23px; width: 200px;"
class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all"
onkeypress="javascript:checar_caps_lock(event)"/>

<div id="aviso_caps_lock" style="visibility:hidden">
<p width="100%" style="background-color: #FFFFCC; border: 1 solid #FF0000">
Atenção: O Caps Lock esta ativado!
</p>
</div>


Qualquer duvida posta ai :D
Responder

Gostei + 0

29/05/2014

Joel Rodrigues

Movendo para a sala de Java.
Responder

Gostei + 0

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar