Nenhum usuário logado Login / Cadastro
   Seu navegador está desatualizado e não possui capacidade para visualizar todos os recursos deste Site
   Recomendamos Mozilla Firefox, Chrome e Safari.
aguarde

Eventos jQuery

28/03/2013

.bind()

Insere eventos no elemento.
Ele é usado por grande parte dos métodos que envolvem eventos, exemplo, click, blur, focus, keydown.

$('#minhadiv').bind('click', function() {
  alert('Você clicou em minhadiv');
});

Você pode regitrar mais de um evento no elemento:

$('#meuinput').bind('click change', function() {
  alert('não altere');
});


.blur()

Ocorre ao tirar o foco de um elemento.

$('#meuinput').blur(function() {
  alert('volte por favor!');
});
 


.change()

Ocorre quando é alterado o valor de um elemento.

$('#meuinput').change(function() {
  alert('não me altere');
});


.click()

Ocorre quando é clicado.

$('#minhadiv').click(function() {
  alert('Você me clicou!');
});


.dblclick()

Ocorre quando recebe um duplo click.

$('#minhadiv').click(function() {
  alert('duplo click!');
});


.delegate()

Registra um ou vários eventos para elementos filho do elemento em questão.

ex1:
$("table").delegate("td", "click", function() {
  $(this).css({'border':'solid 1px red'});
});

ex2:
$("body").delegate("p", "click", function(){
 $(this).after("

Paragrafo.

");
});


.die()

Remover manipuladores de eventos anexados anteriormente usando. Live().
(Descontinuado)


.error()

Ocorre quando o manipulador retorna erro.

exemplo:

$("img")
  .error(function(){
    $(this).hide();
  })
  .attr("src", "missing.png");
 


event.currentTarget


event.data


event.delegateTarget


event.isDefaultPrevented()


event.isImmediatePropagationStopped()


event.isPropagationStopped()


event.metaKey


event.namespace


event.pageX

Retorna a dist& acirc;ncia do cursor relativa a margem esquerda do documento.


event.pageY

Retorna a distância do cursor relativa a margem superior do documento.


event.preventDefault()


event.relatedTarget


event.result


event.stopImmediatePropagation()


event.stopPropagation()


event.target


event.timeStamp

Retorna quantidade de milisegundos de 1 de janeiro de 1970 até determinado evento.


event.type

Tipo do evento ocorrido em determinado elemento.

$("a").click(function(event) {
  alert(event.type); // "click"
});

event.which

Indica qual botão do mouse ou teclado disparou o evento.


.focus()

Ocorre quando o elemento ganha foco

$('#meuinput').focus(function(){
  alert('Quem entrou aqui?');  
});
 


.focusin()

n

Ocorre quando o elemento ganha foco

$('#meuinput').focusin(function(){
  alert('Quem entrou aqui?');  
});


.focusout()

Ocorre quando o elemento perde foco

$('#meuinput').focusout(function(){
  alert('Tchau!');  
});


.hover()

Ocorre quando o cursor passa sobre um elemento

exemplo1:

r $('#minhadiv').hover(function(){
   $(this).html("oi");
});

exemplo2:

$('#minhadiv').hover(function(){
   $(this).html("oi");
},function(){
  $(this).html("tchau");
});


jQuery.proxy()


. keydown()

n

Ocorre quando uma tecla do teclado é pressionada.

$('#meuinput').keydown(function(){
   alert("oi");
});


.keypress()

Ocorre quando o foco estiver no elemento e uma tecla do teclado é pressionada.

$('#meuinput').keypress(function(){
   alert("oi");
});


.keyup()

Ocorre quando o foco está no elemento e uma tecla do teclado que está pressionada é solta.

$('#meuinput').keyup(function(){
   alert("oi");
});


.live()


.load()

Ocorre quando o elemento é carregado, o módulo Ajax também possui o método .load() cada um será utilizado dependendo do escopo da chamada.

  $(window).load(function() {
      alert("carregado!");
  });

  $("#minhaimg").load(function() {
      alert("imagem carregada!");
  });

Ajax:

$("#conteudo").load("contato.html");

 


.mousedown()

Ocorre quando uma tecla do mouse é pressionada sobre o elemento.

$('#minhadiv').mousedown(function() {
    alert("você clicou aqui!");
});


.mouseenter()

Ocorre quando o cursor do mouse passa sobre o elemento.

$('#minhadiv').mouseenter(function() {
    alert("você entrou aqui!");
});


.mouseleave()

r

Ocorre quando o cursor do mouse deixa  o elemento.

$('#minhadiv').mouseleave(function() {
    alert("tchau!");
});


.mousemove()

Ocorre quando o cursor do mouse se move sobre  o elemento.

$('#minhadiv').mousemove(function() {
    $(this).append(".");
});
 


.mouseout()

Ocorre quando o cursor do mouse deixa  o elemento.

$('#minhadiv').mouseout(function() {
    alert("tchau!");
});


.mouseover()

Ocorre quando o mouse passa sobre o elemento.

$('#minhadiv').mouseover(function() {
    alert("oi!");
});


.mouseup()

Ocorre quando botão do mouse é pressionado sobre o elemento.

$('#minhadiv').mouseup(function() {
    alert("oi!");
});


.off()

Remove evento adicionado com .on()

$("#unbind").click(function () {
  $("body").off("click", "#theone", aClick)
  .find("#theone").text("Does nothing...");
});

.on()

Adiciona evento ao elemento.

ex1:

$("#dataTable tbody tr").on("click", function(event){
  alert($(this).text());
});

ex2:

$("#dataTable tbody").on("click", "tr", function(event){
  alert($(this).text());
});

.one()

Adiciona ao elemento um evento que será executado uma vez apenas.

ex1:
$("#foo").one("click", function() {
alert("This will be displayed only once.");
});
 
ex2:
$("body").one("click", "#foo", function() {
alert("This displays if #foo is the first thing clicked in the body.");
});

.ready()

Executa uma função quando o DOM estiver completamente carregado.


.resize()

Ocorre quando o navegador registrar alterações do elemento (window).

$(window).resize(function() {
  $('#log').append('
Handler for .resize() called.
');
});

.scroll()

Bind an event handler to the ?scroll? JavaScript event, or trigger that event on an element.

.select()
Bind an event handler to the ?select? JavaScript event, or trigger that event on an element.

.submit()
Bind an event handler to the ? submit? JavaScript event, or trigger that event on an element.

.toggle()
Bind two or more handlers to the matched elements, to be executed on alternate clicks.

.trigger()
Execute all handlers and behaviors attached to the matched elements for the given event type.

.triggerHandler()
Execute all handlers attached to an element for an event.

.unbind()
Remove a previously-attached event handler from the elements.

.undelegate()
Remove a handler from the event for all elements which match the current selector, based upon a specific set of root elements.

.unload()
Bind an event handler to the ?unload? JavaScript event.
 

 

 

 

 

continua...

 

Comentários


Voltar
 
Desenvolvido por JeitoDigital  
Jeito Digital - - ©2012 - Todos os direitos reservados
w3c html5 acesso restrito Free DNS