javascript équivalent de jquery cliquez sur()?

Je suis une petite application qui enregistre les clics de souris. J'ai écrit le prototype en jquery mais, puisque c'est une petite application se concentrer sur la vitesse, l'intégration de jquery pour utiliser une seule fonction serait inutile.

J'ai essayé d'adapter cet exemple à partir de JavascriptKit: 

document.getElementById("alphanumeric").onkeypress=function(e){  
    //blah..blah..blah..  
}

mais il ne fonctionne pas quand j'ai essayé 

document.getElementsByTagName("x").onclick

Ce que je fais mal?

InformationsquelleAutor hoball | 2009-07-22
  1. 9

    Dire que vous avez une liste de balises p vous souhaitez capturer le clic pour la balise p:

    var p = document.getElementsByTagName("p"); 
for(var i=0; i<p.length; i++){ 
 p[i].onclick = function(){ 
   alert("p is clicked and the id is " + this.id); 
 } 
}

    Découvrez un exemple ici pour plus de clarté:
    http://jsbin.com/onaci/

    • Merci pour votre aide. Les travaux de cette.
    InformationsquelleAutor Dhana
  2. 8

    Dans votre exemple, vous utilisez getElementsByTagName, qui vous renvoie un tableau d'éléments DOM, vous pourriez itération de ce tableau et d'attribuer le onclick gestionnaire pour chaque élément, par exemple:

    var clickHandler = function(){
  alert('clicked!');
}

var elements = document.getElementsByTagName('div'); //All divs

for(var i = 0; i<elements.length; i++){
  elements[i].onclick = clickHandler;
}
    • Merci pour votre aide. Les travaux de cette.
    InformationsquelleAutor CMS
  3. 1

    il semble un peu comme si vous manquez plus que juste le clic de la fonction de jQuery. Vous aussi vous manquez de jquery sélecteur de moteur, chaînage et automatique itération à travers des collections d'objets. Avec un peu plus d'effort vous pouvez minimalement reproduire certaines de ces choses ainsi.

    var myClickCapture = function (selector) {
    var method, name,iterator;
    if(selector.substr(0,1) === "#") {
       method = "getElementById";
       name = selector.substr(1);
       iterator = function(fn) { fn(document[method](name));  };
    } else {
       method = "getElementsByTagName";
       name = selector;
       iterator = function(fn) { 
          var i,c = document[method](name);
          for(i=0;i<c.length;i++){
             fn(c[i]);
       };
    };
    myClickCapture.click = function (fn){
         iterator(function(e){
            e.onclick=fn;
         })
    } 

    return myClickCapture;

}

    Je n'ai pas testé le code, mais en théorie, il vous obtient quelque chose comme ceci:

    myClickCapture("x").click(function(e){ alert("element clicked") });

    J'espère que cela vous donne une idée du genre de choses jquery est en train de faire sous les couvertures.

    • Merci pour cette suggestion. Je vais enregistrer ce vers le bas pour mes futurs développements.
    InformationsquelleAutor Breton
  4. 0
    document.getElementsByTagName("x")

    retourne un tableau d'éléments ayant le tag 'x'.

    Vous avez à droite de l'événement pour chaque élément du tableau retourné.

    InformationsquelleAutor rahul