Quickpost: jquery bind 1 Comment
Opa, voltei para falar rapidamente sobre o jQuery.bind, cabe num quickpost.
Bind significa vincular, atrelar. Justamente o que ele faz, vincula um “escutador” a um evento específico. Sintaxe: $(‘seletorqualquer‘).bind(‘evento(s)’, dados_opcionais, ‘escutador‘); . Onde:
seletorqualquer é o seletor para encontrar um elemento html, veja quem são aqui.
evento é o tipo de evento, ou eventos que você pode atribuir a um mesmo escutador, veja quem são eles aqui.
dados_opcionais são dados passados dentro de um objeto literal “{}” ao objeto evento em si.
escutador O protagonista, nada mais é do que uma função simples que recebe como primeiro parâmetro o objeto Event. Podemos agora ir ao código:
escutador = function( event ){
console.log( 'Você clicou no elemento: '+ $( event.target ).attr( 'name' ) );
console.log( 'Propriedade nome: '+ event.data.nome );
}
// nosso escutador vinculado a três eventos diferentes para todos os elementos div
// de quebra passamos um objeto literal com a propriedade nome, este parâmetro é opcional.
$('div').bind( 'click keyup mouseup', {nome:'quickpost'}, escutador);
Pronto, até o próximo Quickpost!
E aeh Yves!
Utilizei o termo “escutador” para ser mais didático, pensando em algumas pessoas que estão começando na área e/ou sentem dificuldade com alguns termos em inglês, como Listener, Bind etc. Jamais terei a intenção de influenciar esta ou aquela convenção de nomes, apesar de que profissionalmente eu utilize apenas o inglês nos meus códigos (classes, métodos, banco de dados ) e comentários. Até a próxima!