Comment déclencher cet événement?

J'ai une table avec 3 x 3 cellules. Chaque cellule contient un bouton dans 1-9, en cliquant sur n'importe quel bouton, la valeur sera ajoutée à une zone de texte d'entrée.Comment déclencher cet événement?

J'ai essayé de déclencher l'événement onmouseout dans la table mais cela n'a pas fonctionné. J'ai également essayé d'ajouter un div en dehors de la table, pour capturer l'événement onmouseout.

Comment puis-je utiliser JavaScript pour déclencher si le curseur client est toujours sur la table? Ce que je veux, c'est que lorsque l'utilisateur clique sur quelque chose dans les boutons et que la souris quitte la table, je dois valider ce que le client a cliqué.

Source

2009-07-08 Jay

Souhaitez-vous ajouter la valeur de la cellule au clic du bouton? – rahul

"Je dois valider ce que le client a cliqué". Que veux-tu dire par là? S'il vous plaît fournir quelques informations supplémentaires dans votre question. – rahul

pouvez-vous fournir plus d'informations sur ce qu'il faut valider? –

Si vous définissez l'événement OnMouseout sur la table, il sera déclenché lorsque vous déplacez le curseur sur un objet dans la table puisque le curseur n'est plus directement sur la table.

Je ne suis pas sûr de ce que vous voulez faire ici. Voulez-vous déclencher un événement lorsque vous cliquez sur un bouton ou voulez-vous déclencher un événement lorsque le curseur se déplace hors de la table?

Edit:
Le code suivant soulèvera un événement chaque fois qu'un bouton est cliqué.
La fonction myClickEvent saura quel bouton a été cliqué:

<html> 
    <head> 
    <script> 
     function myClickEvent(obj) { 
     document.getElementById("myTextBox").value += obj.value; 
     } 
    </script> 
    </head> 
    <body> 
    <table> 
     <tr> 
     <td><input type="button" value="1" onClick="myClickEvent(this);"></input></td> 
     <td><input type="button" value="2" onClick="myClickEvent(this);"></input></td> 
     <td><input type="button" value="3" onClick="myClickEvent(this);"></input></td> 
     </tr> 
     <tr> 
     <td><input type="button" value="4" onClick="myClickEvent(this);"></input></td> 
     <td><input type="button" value="5" onClick="myClickEvent(this);"></input></td> 
     <td><input type="button" value="6" onClick="myClickEvent(this);"></input></td> 
     </tr> 
     <tr> 
     <td><input type="button" value="7" onClick="myClickEvent(this);"></input></td> 
     <td><input type="button" value="8" onClick="myClickEvent(this);"></input></td> 
     <td><input type="button" value="9" onClick="myClickEvent(this);"></input></td> 
     </tr> 
    </table> 
    <input type="text" id="myTextBox"></input> 
    </body> 
</html>

Source

2009-07-08 06:11:21

Ce que je veux, c'est que l'utilisateur clique sur quelque chose dans les boutons et que la souris quitte la table, j'ai besoin de valider ce que le client a cliqué. – Jay

"Je dois valider ce que le client a cliqué". Que veux-tu dire par là? S'il vous plaît fournir quelques informations supplémentaires dans votre question. – rahul

Pourquoi ne voulez-vous pas "valider" ce que le client a cliqué quand il clique sur un bouton? –

essayez d'ajouter onmouseout événement pour le contrôle que vous souhaitez valider et vous pouvez également utiliser le style de vol stationnaire css pour résoudre cela.

Source

2009-07-08 07:11:51

Comment déclencher cet événement?

Répondre

Questions connexes