<!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>
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
JQuery: Eventos Key
Check el tamaño de lo que se está escribiendo (por ejemplo CP):
Check que solo acepte números con coma:
Check que solo acepte números:
Check que solo acepte texto sin números:
$("#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");
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 ("DOMSubtreeMod ified", function () {
...
});
$("#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
...
});
Suscribirse a:
Entradas (Atom)
