Iniciar uma conversa

Eventos JavaScript

JavaScript é uma linguagem interpretada pelo browser. Foi criada com o intuito de realizar interações no lado do cliente, sem a necessidade de passar scripts para o servidor, fazendo com que essas interações ocorram em tempo real.

O Scriptcase disponibiliza alguns eventos que podem ser utilizados em aplicações de formulário.

Para mais informações e exemplo sobre esses eventos clique aqui

 

1. Para criar um desses eventos, devemos acessar as configurações das aplicações no menu Configurações>JavaScript.

 

2. Em seguida devemos selecionar o objeto onde iremos criar o evento.

 

3. Após selecionarmos o objeto devemos selecionar o evento que iremos criar. Após selecionarmos o evento devemos clicar em editar.

Serão exibidos eventos distintos, que dependem do objeto selecionado.

 

Caso tenhamos selecionado o objeto Geral(Form) serão exibidos os eventos: onLoad e onSubmit.

onLoad: Este evento é disparado quando o navegador termina o carregamento da janela. Usado para Image, Layer e window

onSubmit: Este evento é disparado quando o usuário clica o botão Submeter de um formulário. Usado para Form.

 

Caso tenhamos selecionado o objeto Campos(campos da aplicação) serão exibidos os eventos: onChange, onClick, onFocus, onBlur, onMouseOut, onMouseOver;

onChange: Este evento é executado quando um campo perde o foco e tem seu valor modificado. Pode ser utilizado para FileUpload, Select, Text, Textarea;

onClick: Este evento é executado quando um objeto é clicado. Pode ser utilizado para Button, document, Checkbox, Link, Radio, Reset, Submit;

onFocus: Este evento é executado quando o objeto recebe o foco. Pode ser utilizado para Button, Checkbox, Layer, Radio, Select, Text;

onBlur: Este evento é executado quando um elemento(campo), janela ou quadro, perde o foco. Pode ser utilizado para Button, Checkbox, Select, Text, entre outros;

onMouseOut: Este evento é executado quando o usuário move o cursor de dentro para fora de uma determinada área (mapa de imagem ou link). Pode ser utilizado para Layer, Link;

onMouseOver: Este evento é executado quando o usuário move o cursor de fora para dentro de uma determinada área (mapa de imagem ou link). Pode ser utilizado para Layer, Link.

 

4. Em Seguida será exibido uma tela de edição, do evento criado.

Devemos utilizar apenas JavaScript nesses eventos, diferente dos eventos ajax onde podemos utilizar PHP(Para informações sobre eventos ajax clique aqui)

Neste exemplo, utilizamos o focus, para que o fomulário inicialize com foco no campo informado(customerid).

 

5. Para visualizar os eventos criados, na tela inicial dos eventos, devemos clicar em visualizar.

Em seguida será exibido uma lista contendo todos os eventos criados.

6. Para editar algum dos eventos, devemos selecionar um evento e clicar em editar.

Para mais infromações e exemplos de utilização desse eventos, acesse nossa documentação online(Clique aqui).

Escolher arquivos ou arraste e solte arquivos
Esse artigo foi útil?
Sim
Não
  1. Álvaro Moura

  2. Publicado
  3. Atualizado

Comentários