Evento OnKeyPress - Usando o Enter [Javascript]

Evento OnKeyPress - Usando o Enter

Publicado por Emiliano Eloi Silva Barbosa 18/01/2006

[ Hits: 26.046 ]

Homepage: http://emilianoeloi.com.br

Download okpcb.htm

0 0

Denuncie Favoritos Indicar

Usando o evento OnKeyPress. Usando o enter pra executar uma função javascript. Funciona no Opera, FireFox e Internet Explorer

Esconder código-fonte

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="pt-br">
  <HEAD>
    <TITLE>OnKeyPressCrossBrowser</TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="author" content="Emiliano Eloi Silva">
    <meta name="language" content="pt-br">
    <style type="text/css">
      body { 
        margin:0px; 
        cursor:default; 
        color:#000; 
        font:14px Georgia; }
      input {
        font-family:Verdana;
        font-size:11px; 
        color:#000000;
        background:#FFFFFF; 
      }
      img {
        border: 0px;
      }
    </style>
    <script language="JavaScript" type="text/javascript">
      function funcaoJavaScript(parametro){
        alert("Você digitou: "+parametro);      
      }
    </script>
  </HEAD>
  <BODY>
    <H1>Enter no onKeyPress CrossBrowser</H1>
    <p>A Possibilidade de usar o Enter para executar uma ação em um input. Funciona no Opera, Firefox e Internet Explorer<br />
       Evento: onKeyPress<br />
       Script: <code>if ((window.event ? event.keyCode : event.which) == 13) { funcaoJavaScript(); }</code></p>
    <label for="Entrada">Entre com um valor e tecle enter: </label>
      <input id="Entrada" name="Entrada" type="text" size="20" value=""
       onKeyPress="if ((window.event ? event.keyCode : event.which) == 13) { funcaoJavaScript(this.value); }" />
    <p>
      <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Transitional" height="31" width="88"></a>
    </p>
  </BODY>
</HTML>

Scripts recomendados

Validação de Formulários

Seleccionar tudo

Formulario de email

Validação para data

Selecionar todos checkbox

Comentários

Nenhum comentï¿½rio foi encontrado.