Código de JavaScript - Función para definir varios eventos en un mismo elemento

Val: 3.506

Función para definir varios eventos en un mismo elemento

Publicado el 28 de Agosto del 2019 por Joel (150 códigos)

1.671 visualizaciones desde el 28 de Agosto del 2019

En jquery existe la posibilidad de poner varios eventos en un mismo elemento de esta manera:

$(window).bind('mousemove touchmove', function(e) {...}

pero en JavaScript no hay manera, por lo que he preparado una simple función addListenerMulti() para hacer algo similar...

Publicado el 28 de Agosto del 2019

1.672 visualizaciones desde el 28 de Agosto del 2019

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

</head>

<body>

<input type="text" id="miBoton">

<script>

/**

 * Funcion para crear varios eventos sobre un mismo elemento

 * @param object element - elemento a asignar los eventos

 * @param string events - array con los eventos

 * @param string listener - nombre de la función o texto de la misma

*/

function addListenerMulti(element, events, listener) {

    events.forEach(el => {

        element.addEventListener(el, listener, false);

});

addListenerMulti(document.getElementById("miBoton"), ["focus", "blur", "keyup"], miFunction);

function miFunction(e) {

    console.log("Evento: "+e.type);

</script>

No hay comentarios

http://lwp-l.com/s5502

Simple barra de progreso

Mostrar o ocultar un hermano según elemento pulsado