Saltar al contenido

ejemplo de código onclick de elemento dinámico javascript

Si encuentras alguna parte que te causa duda puedes dejarlo en la sección de comentarios y trataremos de ayudarte tan rápido como podamos.

Ejemplo 1: documento al hacer clic en elemento dinámico

$(document).on('click','.class',function()// do something);

Ejemplo 2: evento de vinculación de javascript al elemento creado

// bind click handler to element that is added later/dynamicallydocument.addEventListener('click',function(e)if(e.target&& e.target.id=='myDynamicallyAddedElementID')//do something);//Alternatively, if your using jQuery:$(document).on('click','#myDynamicallyAddedElementID',function()//do something);

Ejemplo 3: cómo crear un evento onclick dinámico en javascript

/* This example assumes you have two elements with an id 
    attribute of 'cats' and 'dogs'.
*/constconditionOneHandler=event=>alert('I like cats!');constconditionTwoHandler=event=>alert('I like dogs!');constclickHandler=(event)=>// Do whatever. You can use the target object// from the event to conditionally handle the// event.switch(event.target.id)default:return;case'dogs':returnconditionOneHandler(event);case'cats':returnconditionTwoHandler(event);/* 
	Attach the click event listener to the element.
    You can also use a comma after each line to declare
    multiple variables of the same type, instead of 
    writing 'const' every time. :)
*/const dogsEl =document.querySelector('#dogs'),
      catsEl =document.querySelector('#cats'),
      dogsEl.onclick=event=>clickHandler(event),
      catsEl.onclick=event=>clickHandler(event)

Ten en cuenta dar recomendación a esta división si te ayudó.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *