evento.altKey
Função: Detecta se a tecla Alt está pressionada quando o evento ocorre.
Sintaxe: event.altKey
Valor: verdadeiro | falso
ilustrar:
O atributo altKey é verdadeiro para indicar que a tecla Alt foi pressionada e mantida pressionada quando o evento ocorreu e falso para indicar que a tecla Alt não foi pressionada.
O atributo altKey pode ser usado em combinação com o mouse ou teclado e é usado principalmente para criar algumas operações de atalho.
evento.ctrlKey
Função: Detecta se a tecla Ctrl está pressionada quando o evento ocorre.
Sintaxe: event.ctrlKey
Valor: verdadeiro | falso
ilustrar:
Se o atributo ctrlKey for verdadeiro, significa que a tecla Ctrl foi pressionada e mantida pressionada quando o evento ocorreu. Se for falso, a tecla Ctrl não foi pressionada.
O atributo ctrlKey pode ser usado em conjunto com o mouse ou teclado e é usado principalmente para criar algumas operações de atalho.
evento.shiftKey
Função: Detecta se a tecla Shift está pressionada quando o evento ocorre.
Sintaxe: event.shiftKey
Valor: verdadeiro | falso
ilustrar:
Se a propriedade shiftKey for verdadeira, significa que a tecla Shift foi pressionada e mantida pressionada quando o evento ocorreu. Se for falsa, a tecla Shift não foi pressionada.
O atributo shiftKey pode ser usado em combinação com o mouse ou teclado e é usado principalmente para criar algumas operações de atalho.
Exemplo 1
Exemplo de operações combinadas.
Copie o código do código da seguinte forma:
<input id="txt1" type="text" value="Olá mundo!" onclick="checkAlt(event)" />
<script type="texto/javascript">
verificação de funçãoAlt(oEvent)
{
if(oEvent.altKey)
document.getElementById("txt1").select();
}
</script>
O efeito deste código é:
Se você mantiver pressionada a tecla Alt e clicar na caixa de texto acima, poderá selecionar o texto na caixa de texto.
Exemplo 2
Exemplo de operações combinadas.
Copie o código do código da seguinte forma:
<input id="txt2" type="text" value="Olá mundo!" onclick="clearText(event)" />
<script type="texto/javascript">
função clearText(oEvent)
{
if( oEvent.ctrlKey && oEvent.keyCode==46 )
document.getElementById("txt2").value = "";
}
</script>
O efeito deste código é:
Use a combinação de teclas “Ctrl+Del” para limpar o conteúdo da caixa de texto acima. (A caixa de texto deve ser focada primeiro. Este exemplo se aplica apenas ao navegador IE.)
Exemplo 3
Exemplo de operações combinadas.
Copie o código do código da seguinte forma:
<div id="box" onclick="setColor(event)"></div>
<script type="texto/javascript">
var b = verdadeiro;
conjunto de funçõesColor(oEvent)
{
if(oEvent.shiftKey && b)
document.getElementById("caixa").style.backgroundColor = "azul";
if( oEvent.shiftKey && !b )
document.getElementById("caixa").style.backgroundColor = "vermelho";
b = !b;
}
</script>
O efeito deste código é:
Mantenha pressionada a tecla “Shift” e clique no bloco de cores acima com o mouse para alterar a cor do bloco de cores.