Naverdade, oque precisa é de mais blocos de eventos!
Sei que alguns eventos ja existem, mas vou listar todos que deveriam ter!
ai usariamos menos código!!!
Esse bloco!
$(document).ready(function() {
});
Eventos de Mouse
click: Acionado quando um elemento é clicado.
dblclick: Acionado quando um elemento é clicado duas vezes em rápida sucessão.
mouseenter: Acionado quando o ponteiro do mouse entra no elemento.
mouseleave: Acionado quando o ponteiro do mouse sai do elemento.
mousemove: Acionado quando o ponteiro do mouse se move dentro do elemento.
mouseover: Acionado quando o ponteiro do mouse passa sobre o elemento.
mouseout: Acionado quando o ponteiro do mouse sai do elemento.
mousedown: Acionado quando o botão do mouse é pressionado sobre um elemento.
mouseup: Acionado quando o botão do mouse é liberado sobre um elemento.
Eventos de Teclado
keydown: Acionado quando uma tecla é pressionada.
keyup: Acionado quando uma tecla é liberada.
keypress: Acionado quando uma tecla é pressionada e liberada (depreciado).
Eventos de Formulário
submit: Acionado quando um formulário é enviado.
change: Acionado quando o valor de um elemento de formulário muda.
focus: Acionado quando um elemento ganha foco.
blur: Acionado quando um elemento perde o foco.
focusin: Similar ao evento focus, mas é acionado antes do foco ser realmente aplicado ao elemento.
focusout: Similar ao evento blur, mas é acionado antes do foco ser removido do elemento.
input: Acionado quando o valor de um <input>, <textarea>, ou <select> é alterado.
Eventos de Documento/Janela
ready: Acionado quando o documento está pronto.
resize: Acionado quando a janela do navegador é redimensionada.
scroll: Acionado quando a janela do navegador é rolada.
load: Acionado quando a página e todos os recursos dependentes (como imagens) foram carregados.
unload: Acionado quando a página está prestes a ser descarregada (depreciado).
Eventos de Efeito
show: Acionado quando um elemento é mostrado.
hide: Acionado quando um elemento é escondido.
toggle: Acionado quando um elemento é alternado entre mostrado e escondido.
Eventos de Customização
trigger: Permite disparar eventos manualmente.
bind: Associa um manipulador de eventos a um elemento.
unbind: Remove um manipulador de eventos de um elemento.
delegate: Associa um manipulador de eventos a elementos futuros que correspondem a um seletor especificado.
undelegate: Remove manipuladores de eventos adicionados com delegate.
on: Associa um ou mais manipuladores de eventos a elementos.
off: Remove um ou mais manipuladores de eventos de elementos.
Exemplos:
`Eventos de Mouse
click()
javascript
$("#myElement").click(function() {
alert("Elemento clicado!");
});
dblclick()
javascript
$("#myElement").dblclick(function() {
alert("Elemento clicado duas vezes!");
});
mouseenter()
javascript
$("#myElement").mouseenter(function() {
$(this).css("background-color", "yellow");
});
mouseleave()
javascript
$("#myElement").mouseleave(function() {
$(this).css("background-color", "");
});
mousemove()
javascript
$("#myElement").mousemove(function(event) {
$("#position").text("Posição do mouse: (" + event.pageX + ", " + event.pageY + ")");
});
mouseover()
javascript
$("#myElement").mouseover(function() {
$(this).css("color", "blue");
});
mouseout()
javascript
$("#myElement").mouseout(function() {
$(this).css("color", "");
});
Eventos de Teclado
keydown()
javascript
$(document).keydown(function(event) {
$("#keyPressed").text("Tecla pressionada: " + event.key);
});
keyup()
javascript
$(document).keyup(function(event) {
$("#keyReleased").text("Tecla liberada: " + event.key);
});
keypress()
javascript
$(document).keypress(function(event) {
$("#keyTyped").text("Tecla digitada: " + String.fromCharCode(event.which));
});
Eventos de Formulário
submit()
javascript
$("#myForm").submit(function(event) {
event.preventDefault(); // Evita o envio do formulário
alert("Formulário enviado!");
});
change()
javascript
$("#mySelect").change(function() {
alert("Opção selecionada: " + $(this).val());
});
focus()
javascript
$("#myInput").focus(function() {
$(this).css("background-color", "lightblue");
});
blur()
javascript
$("#myInput").blur(function() {
$(this).css("background-color", "");
});
Eventos de Documento/Janela
ready()
javascript
$(document).ready(function() {
alert("Documento pronto!");
});
resize()
javascript
$(window).resize(function() {
$("#size").text("Nova largura: " + $(window).width() + "px");
});
scroll()
javascript
$(window).scroll(function() {
$("#scrollPosition").text("Posição de rolagem: " + $(window).scrollTop());
});`
