Opá! como prometido a Lista de Eventos para JQuery...
Eventos:
--Setter Method--
.bind(String type, Object data, Function fn) : jQuery
.blur(Function fn) : jQuery
.change(Function fn) : jQuery
.click(Function fn) : jQuery
.dblclick(Function fn) : jQuery
.error(Function fn) : jQuery
.focus(Function fn) : jQuery
.hover(Function over, Function out) : jQuery
.keydown(Function fn) : jQuery
.keypress(Function fn) : jQuery
.keyup(Function fn) : jQuery
.load(Function fn) : jQuery
.mousedown(Function fn) : jQuery
.mousemove(Function fn) : jQuery
.mouseout(Function fn) : jQuery
.mouseover(Function fn) : jQuery
.mouseup(Function fn) : jQuery
.one(String type, Object data, Function fn) : jQuery
.ready(Function fn) : jQuery
.resize(Function fn) : jQuery
.scroll(Function fn) : jQuery
.select(Function fn) : jQuery
.submit(Function fn) : jQuery
.toggle(Function even, Function odd) : jQuery
.unbind(String type, Function fn) : jQuery
.unload(Function fn) : jQuery
--Getter Method--
.blur() : jQuery
.click() : jQuery
.focus() : jQuery
.select() : jQuery
.submit() : jQuery
Pronto ;D
bom pra quem quiser saber o que cada evento faz pode estar consultado aqui:
http://www.bitstorm.org/edwin/jquery/doc/events.html [inglês]
Ou postem o evento que eu explico..
Até mais!
4 comentários:
O que os eventos bind\unbind fazem exatamente?
Bom amigo, é simples.. ;)
*Event Bind
Ele funciona como um ouvinte a uma ação, por exemplo:
fique observando se alguem clica aqui, se clicarem rode essa função
exemplo
$(document).ready(function(){
$("p").bind("dblclick", function(){
$("span").text("Double-click happened in " + this.tagName);
});
});
-html body-
<p>double click here.</p>
<span></span>
Bom nesse caso você esta falando assim, se der um double click na tag 'p' set dentro de 'span' o determinado texto que coloquei.
vc pode ver um exemplo aqui
http://docs.jquery.com/Events/bind
----------------------------------
*Event Unbind
Ele é como se fosse um Bind, só que ele remove os atributos
exemplo
$(document).ready(function(){
function aClick(){
$("div").show().fadeOut("slow");
}
$("#buttonBind").click(function (){
/* não precisa usar esse modelo para chamar a
função .bind('click', aClick) */
$("#theone").click(aClick).text("Can Click!");
});
$("#buttonUnbind").click(function (){
$("#theone").unbind('click', aClick).text("Does nothing...");
});
});
-html body-
<button id="theone">Does nothing...</button>
<button id="buttonBind">Bind Click</button>
<button id="buttonUnbind">Unbind
Click</button>
<div style="display:none;">Click!</div>
bom o que aconteceu ai?
Seguinte... assim que vc clica no botão '#buttonBind'
rode a seguinte função.
Agora se vc clicar no '#buttonUnbind' ele roda a mesma função setando um antigo valor pra sua tag novamente.
exemplo aqui:
http://docs.jquery.com/Events/unbind
-----------------------------------
Eles são bem parecidos.
Mas o ideal é que quando vc for setar um valor depois de uma função vc utilize bind, e se for voltar uma função utilize unbind
-----------------------------------
Essas são algumas ações padrões para serem usadas:
blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, change, select, submit, keydown, keypress, keyup, error
e a biblioteca esta aqui
http://code.jquery.com/jquery-latest.js
Gostaria de fazer uma função assim:
tenho um textarea vazio e uma imagem de um botão.
Quando o textarea contiver texto, o botão é habilitado, quando não tiver o botão desabilita.
Não estou conseguindo, pode me ajudar?
Olá amigo, você pode resolver isso utilizando // $('input:text').val().length // vc estar determinando quantos caracteres existe no seu textBox, caso seja maior que 0 chama a função que habilita a imagem. Se tiver mais problema só avisar!
Postar um comentário