Livros publicado pelo autor:

 

Livros publicados.

 

 

         OlĂĄ pessoal meu nome Ă© Mauricio Junior, estou disposto a mostrar uma forma legal, simples e rĂĄpida de como detectar o botĂŁo ENTER em um campo text quando acionado pelo usuĂĄrio.

 

 

Requisitos:

- Visual Studio.NET 2005;

- Projeto do tipo ASP.NET;

- Linguagem C#.NET

- Linguagem de interpretação JAVA SCRIPT

- Framework 2.0

 

         O primeiro passo para que funcione corretamente foi desenvolver uma function em JavaScript para que detectasse o ENTER quando clicado pelo usuĂĄrio. Percebi que no JavaScript, existe um evento chamado “event.keyCode” que pega o nĂșmero da tecla clicada.

 

         Dessa forma, fiz a function. (ReferĂȘncia 1.1)

 

 

// Para usar voce passa a tecla e o nome do form

// exemplo: onkeypress(event.keyCode, 'nome do seu form')

// autor: Mauricio Junior

function f_bEnter(vTecla, sNoForm){

    // Executa Enter no Form.

    if (vTecla == 13){

        //avisa o enter

        alert("ENTER BLOQUEADO!");

    }

}

 

ReferĂȘncia: 1.1

        

         Veja que dentro da function, pergunto se a tecla clicada Ă© igual a 13, caso for mostra um alert para o usuĂĄrio.

 

         O prĂłximo passo foi criar um arquivo .js dentro do projeto. Cliquei com o botĂŁo direito em cima do projeto, adicionar um novo item e na tela de template cliquei no arquivo .js. (ReferĂȘncia 1.2)

 

 

 

ReferĂȘncia: 1.2

 

         O nome do arquivo Ă© JScript.js. Em seguida, coloquei a function criada dentro do arquivo, sem as tags <script>. (ReferĂȘncia 1.3)

 

 

 

ReferĂȘncia: 1.3

 

 

         Na pĂĄgina default.aspx adicionei um novo controle do toolbox chamado texbox. Posso arrastar e colar no modo designer ou apenas digitar dentro do modo HTML. (ReferĂȘncia 1.4)

 

 

 

<form id="form1" runat="server">

    <div>

        <asp:TextBox ID="txtEnter" runat="server"></asp:TextBox>

    </div>

</form>

 

ReferĂȘncia: 1.4

 

 

         Dentro da tag div digitei o meu textbox com o nome txtEnter e fechei a tag. No topo da pĂĄgina, adicionei o script criado anteriormente da referĂȘncia 1.1. (ReferĂȘncia 1.5)

 

 

 

<head runat="server">

    <title>Projeto ENTER</title>

    <script type="text/javascript" src="JScript.js"></script>

</head>

 

ReferĂȘncia: 1.6

 

 

         Note que foi adicionado dentro do <head> da pĂĄgina o script JScript.js. Depois disso, cliquei duas vezes na pĂĄgina default.aspx para acessar o cĂłdigo default.aspx.cs. O objetivo agora Ă© adicionar via cĂłdigo a function dentro do textbox. (ReferĂȘncia 1.7)

 

 

txtEnter.Attributes.Add("onkeyPress", "f_bEnter(event.keyCode,'form1');");

 

ReferĂȘncia: 1.7

 

         Adicionei um atributo com o evento onkeyPress passando o nome da function criada, o evento de keyCode e o nome do form da pĂĄgina. Falta agora iniciar o projeto e ver se funcionarĂĄ. (ReferĂȘncia 1.8)

 

 

 

ReferĂȘncia: 1.8

 

 

Digitei uma palavra e acionei o ENTER do teclado, veja o que foi mostrado. (ReferĂȘncia 1.9)

 

ReferĂȘncia: 1.9

 

 

         Bom, esse foi o objetivo; mostrar como pegar a tecla ENTER do teclado caso o usuĂĄrio clique dentro de um campo. AlĂ©m de mostrar um alerta, pode ser feito outras coisas como submeter o form e tudo mais.

 

 

Espero ter ajudado, qualquer dĂșvida favor entrar em contato pelo e-mail mauricio@aspneti.com.

 

 

Mauricio Junior

www.mauriciojunior.org

www.aspneti.com.