ccc

Mostrando entradas con la etiqueta JQuery: Eventos. Mostrar todas las entradas
Mostrando entradas con la etiqueta JQuery: Eventos. Mostrar todas las entradas

JQuery: evento enfocar/desenfocar

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<style>
.desenfocar { -webkit-filter: blur(3px); }
</style>
</head>

<body>
<p><img class="desenfocar esImagen" src="imgAux.jpg"></p>

<script>
$(function() {
$(".esImagen").click(function() {
if ($(this).hasClass("desenfocar")) {
$(this).removeClass("desenfocar");
}
else {
$(this).addClass("desenfocar");
}
});
});
</script>
</body>
</html>

JQuery: Eventos Key

Check el tamaño de lo que se está escribiendo (por ejemplo CP):
$("#cp").keydown(function (e) {
   sizeFinal = $("#cpPopup").val().length;
   if (e.keyCode == 8) // borrar
       sizeFinal--;
   else
       sizeFinal++;

   if (sizeFinal==5)
      $("#btnNext").show();
   else
      $("#btnNext").hide();
});

Check que solo acepte números con coma:
$("body").delegate(".esTxtNumberComma", "keydown", function(e) {
       // console.log("numbercomma:"+e.keyCode);
        retorno = false;
        if ((e.keyCode >=48) && (e.keyCode<=57))
            retorno = true;
        if (e.keyCode == 188)  // la coma
            retorno = true;
        if (e.keyCode == 8)  // borrar
            retorno = true;
       
        return retorno;
   });
 
Check que solo acepte números:
   $("body").delegate(".esTxtNumber", "keydown", function(e) {
       // console.log("number:"+e.keyCode);
        retorno = false;
        if ((e.keyCode >=48) && (e.keyCode<=57))
            retorno = true;
        if (e.keyCode == 8)  // borrar
            retorno = true;
        return retorno;
   });

Check que solo acepte texto sin números:
    $("body").delegate(".esOnlyTxt", "keydown", function(e) {
        console.log("esOnlyTxt:"+e.keyCode);
        retorno = false;
        if ((e.keyCode >=65) && (e.keyCode<=122))
            retorno = true;
        if (e.keyCode == 8)  // borrar
            retorno = true;
        return retorno;
    });

JQuery: Saber si un evento ya está asignado a un objeto

function hasEventListener(element, eventName, namespace) {
var returnValue = false;
var events = $(element).data("events");
if (events) {
$.each(events, function (index, value) {
if (index == eventName) {
if (namespace) {
$.each(value, function (index, value) {
if (value.namespace == namespace) {
returnValue = true;
return false;
}
});
}
else {
returnValue = true;
return false;
}
}
});
}
return returnValue;
}

if (hasEventListener($("#comboOpciones"), "change"))
alert("existe");
else
alert("No existe");

JQuery: Eventos

// Forzar el envío de un formulario
$("#nom_form").submit();
$("#bt_enviar").click();

// También se podría hacer con triggers
$("#nom_form").trigger("submit");
$("#bt_enviar").trigger("click");

// Ejecutar algo cuando ocurra un determinado evento
$("#bt_uno").on("click", function() {
...
});

// Delegate: Para asígnar un evento a un elemento creado dinámicamente al vuelo
$("#contExperiencia").delegate(".esAcordeon", "click", function() {
...
});

 // Detectar si se produce cualquier cambio en el DOM de un elemento
$(".miclase").bind("DOMSubtreeModified", function () {
...
});