Comunidad de diseño web y desarrollo en internet online

Optimizar llamada a eventos? (jQuery || javascript)

Citar            
MensajeEscrito el 21 Mar 2016 02:40 am
buenas a todos,
empecé a usar require.js desde hace poco.
y me doy cuenta que ya no se puede hacer algo así

<button onclick='my_function();'> click!! </button>

ya que todo el código se encuentra en módulos y sale fuera del scope, ahora con jquery seria algo así

$(document).on('click','button[data-onclick="button"]',function(){
//code
});
agrego que son elementos creados dinamicamente.

quería saber cual de los 2 era el mas optimo, alguien que conosca podria decirme como afecta al rendimiento cada forma de hacerlo.

gracias desde ya.

Por eneasdh-fs

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Mar 2016 12:48 pm
Personalmente prefiero la siguiente sintaxis:

Código Javascript :


DOMElement.addEventListener('click', functionName, false);
function functionName (event) { //... }

DOMElement.addEventListener('click', function (event) {
    // ...
}, false);

// ES6 Arrow Function
DOMElement.addEventListener('click', (event) => {
    // ...
}, false);



No sabría decirte si el rendimiento será mejor pero sin duda la sintaxis ofrece mas y mejores opciones. Por ejemplo, puedes eliminar el listener cuando ya no te sea necesario y optimizar memoria.

Código Javascript :

DOMElement.removeEventListener('click', functionName);


Saludos!

Por Fusel

Claber

339 de clabLevel



Genero:Masculino  

Madrid (España)

chrome
Citar            
MensajeEscrito el 28 Feb 2018 04:15 am
Usa este codigo javascript
DOMElement.addEventListener('click', functionName, false);
function functionName (event) { //... }

DOMElement.addEventListener('click', function (event) {
// ...
}, false);

// ES6 Arrow Function
DOMElement.addEventListener('click', (event) => {
// ...
}, false);

Por Smith65

9 de clabLevel



 

chrome

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.