Tengo un input con la clase albaran y quiero que al entrar en el input se dispare eeste evento, pero no he logrado.
$('.albaran').on('focus', function () {
console.log($(this).data('error'));
});
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadDado que tu elemento es creado dinámicamente, el listener del evento se debe de implementar a todo el documento, de tal forma que como un parámetro más sea la clase de tu elemento:
$input = $("<input class='albaran' type='text' data-error='Error'/>");
$('body').append($input);
$(document).on('focus', '.albaran', function () {
console.log($(this).data('error'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Debería funcionar.
Aquí tienes el ejemplo funcionando:
$(function(){
$('.albaran').on('focus', function() {
console.log($(this).data('error'));
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="albaran" data-error="mensaje de error">
Aquí te agrego otro ejemplo.
var input = document.querySelector('input'),
log = document.querySelector('.log');
multipleEventsListeners(input, 'keyup change', function(e){
log.textContent = 'Valor agregado: ' + this.value;
});
function multipleEventsListeners(elem, events, func) {
var event = events.split(' ');
for (var i = 0; i < event.length; i++) {
elem.addEventListener(event[i], func, false);
}
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<input type="number" value="1" />
<p class="log"></p>
</body>
</html>
Si el elemento no es creado de forma dinamica, te recomiendo usar la funcion .focus()
En terminos simples tu codigo seria:
$('.albaran').focus(function () {
console.log($(this).data('error'));
});
Si tienes alguna duda, comenta.
Suerte.
Actualizacion
En ese caso lo unico que debes hacer es cambiar las comillas simples por dobles, se que suena tonto, pero tenia un problema similar pero con "click"
$('.albaran').on("focus", function () {
console.log($(this).data('error'));
});
Si tienes una duda comenta, Suerte.
debes de cambiar tu codigo por lo siguiente
$('.albaran').on('focusin', function () {
console.log($(this).data('error'));
});
......
El metodo de eventos de JQuery focusin se presenta solo cuando se le hace focus a dicho input o elemento del DOM y a raiz de ese evento generar una reaccion.
Puedes saber mas al respecto desde el siguiente link. https://api.jquery.com/focusin/ la cual es la pagina oficial de JQuery
$(document).ready
?