pasar este Javascript a jQuery

[aldo_rengo]

hola como seria pasar este javascript a jquery

este es el javascript

Código PHP:

  var flag=true;
 
 var video = document.getElementById('video_gallery');
 
video.addEventListener('click',function(){
    
if(flag){  
      
console.log("ajax");
  flag=false;
  }
 
},false); 
   

para capturar el objeto seria

asi masomenos pero despues agregarle el addEventListener nop podia..

Código PHP:

   
var video=$("#video");
 
 
video.addEventListener('click',function(){
 
asi tendria que ser no? 
 
video=$("#video").on('click',function(){ 
   

[aldo_rengo]

ets anduvo pero la idea es capturar el play del video , que esta en la etiqueta html5 ...

pero este anduvo igual ....

Código PHP:

          var flag=true;

     $('#video_gallery').click(function(){

            if(flag){  
                  
            console.log("ajax");
              flag=false;
              }
     }); 
   

[Alexis88]

¿A qué te refieres con "capturar el play del vídeo"?

Saludos

[Ktulu]

Algo así:

Código Javascript:

var flag=true; 
 
 var video = $('#video'); 
 
video.on('click',function(){ 
     
if(flag){   
       
console.log("ajax"); 
  flag=false; 
  } 
 
});
 

[Alexis88]

Iniciado por aldo_rengo

este anduvo pero la idea es capturar el play del video , que esta en la etiqueta html5...

pero este anduvo igual...

Código JavaScript:

var flag=true;
 
$('#video_gallery').click(function(){
    if(flag){  
        console.log("ajax");
        flag=false;
    }
});
 

Iniciado por Ktulu

Algo así:

Código Javascript:

var flag=true; 
var video = $('#video'); 
 
video.on('click',function(){ 
    if(flag){   
        console.log("ajax"); 
        flag=false; 
    } 
});
 

¿No es lo mismo?

[Ktulu]

Iniciado por Alexis88

¿No es lo mismo?

Si bien el funcionamiento es similar y .click() es un atajo del método .on('click'), técnicamente no es lo mismo en cuanto a rendimiento.

El uso del método .click() crea un handler separado por cada elemento que coincide con el selector, lo que implica la creación de varios handlers idénticos incrementando el uso de memoria, ademas de no poder usarlo para propagar el evento a elementos similares creados dinámicamente.

El método .on() utiliza un único handler para todos los elementos que coincidan con el selector, además de ser la manera recomendada de bindear eventos a partir de jQuery 1.7 .
Por otro lado el uso de .on() permite propagación y admite un mayor número de parámetros incluyendo namespaces.

Saludos!

[Alexis88]

Si bien es cierto lo de la recomendación que se indica en el manual de jQuery para el manejo de eventos con el método on, lo del tema del rendimiento no me convence. Hizo un pequeño benchmark para medir la eficiencia de uno y otro método en 1000 y 10000 iteraciones y estos fueron los resultados:

Código Benchmark:

1000 iteraciones con .on(): 39
1000 iteraciones con .click(): 29
 
10000 iteraciones con .on(): 277
10000 iteraciones con .click(): 253
 

Eso fue en JSBin, mientras que en JSFiddle me fue así:

Código Benchmark:

1000 iteraciones con .on(): 36
1000 iteraciones con .click(): 29
 
10000 iteraciones con .on(): 238
10000 iteraciones con .click(): 233
 

Como verás, la diferencia no es tanta, sin embargo, el método click demuestra ser más eficiente, lo cual echa por tierra tu aseveración. En lo que sí prefiero a on es para el tema de los elementos añadidos dinámicamente, entre otras cosas; ahí no hay nada qué decir, pero en fin, ojalá y nuestro amigo aldo_rengo pueda resolver su problema.

Saludos

[aldo_rengo]

".on"

tambien sirve si aparecen nuevos elementos html no?