Comunidad de diseño web y desarrollo en internet online

simular el click de jquery con javascript

Citar            
MensajeEscrito el 05 Abr 2012 11:46 pm
hola, he intentado simular el click de jquery con js, pero por más que lo intento no me sale :cry: !!

<div id='aa'>
hola
</div>

intento pasar este code jquery:

$('#aa').click(function(){
alert('bien');
});

a javascript. Intente esto:

var q=document.getElementById('aa');

q.onclick=function(){
alert('bien');
};

pero no funciona, gracias de antemano.

Por jhonatanAsm

26 de clabLevel



 

chrome
Citar            
MensajeEscrito el 06 Abr 2012 12:08 am
Bueno, es que depende en qué momento estés haciendo la asignación de la función al evento del elemento.
Por ejemplo, no puedes usar document.getElementById('aa') si todavía el elemento con id="aa" no existe en el DOM, y esto no sucede sino hasta que todo el código HTML esté cargado por el navegador.
Considera lo siguiente suponiendo que tienes un elemento <div> en el <body>, para asignar el evento onClick por código, debes esperar a que el DOM esté cargado, el navegador disparará un evento onload en el objeto window cuando eso ocurre:

Código Javascript :

window.onload=function () {
   var w = document.getElementById("aa");
   w.innerHTML = "Cargado.";
   w.onclick=function () {
      alert("click!");
   }
}

[/js]

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 06 Abr 2012 12:30 am
en un momento dado ejecuté ese codigo y no funcionó, pero ahora que me lo pasaste funcionó :shock: , te lo agradezco mucho. un salu2.

Por jhonatanAsm

26 de clabLevel



 

chrome
Citar            
MensajeEscrito el 06 Abr 2012 01:56 pm
Cuidado con las mayúsculas/minúsculas, recuerda que JavaScript es (inexplicablemente) sensible a ellas.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 06 Abr 2012 11:28 pm
Otra forma es utilizando una estructura parecida a la de jQuery y utilizando los nuevos selectores de JavaScript.

Código :


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Testing JavaScript</title>
  <script>
  // $(document).ready()
  window.addEventListener("DOMContentLoaded", function(){
    
    // var enlace = $("#el-enlace");
    var enlace = document.querySelector("#el-enlace");
    
    // enlace.click( function );
    enlace.addEventListener("click", function(){
      console.log("clickeado!")
      // Coloca aqui lo que quieras que haga el enlace.
    }, false);
  }, false);
  </script>
</head>
<body>
  <a href="#" id="el-enlace">El enlace</a>
</body>
</html>

Por jonasanx

Claber

187 de clabLevel

2 tutoriales

Genero:Masculino  

Entusiasta del Desarrollo Web y Anime fan.

chrome

 

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