simular el click de jquery con javascript

Citar

Escrito 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

Envíale un mensaje privado

Citar

Escrito 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

Envíale un mensaje privado Web

Citar

Escrito 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

Envíale un mensaje privado

Citar

Escrito 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

Envíale un mensaje privado Web

Citar

Escrito 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

Envíale un mensaje privado Email Web

Entusiasta del Desarrollo Web y Anime fan.

@jonasanx

simular el click de jquery con javascript

Escribe una respuesta rapida