Comment appeler la Fonction Javascript sur le bouton radio cliquez pas sur l'accent
J'ai une table qui contient un bouton radio dans chaque ligne. Je suis de l'appel d'une fonction JavaScript onclick
événement sur radio bouton de cette
<input type="radio" id="rdbSelect" name="Select" onclick="MyFunction()" />
Mais lorsque j'appuie sur Down/Up
fléchées du clavier, l'accent va à Next/Previous
bouton radio appels de fonction à nouveau.
Je veux que cette fonction doit être appelée uniquement lorsque la radio bouton est cliqué avec la souris, pas sur l'accent.
Voici mon Code
HTML
<div style="width:400px">
<table class="style1" id="Table1">
<tr>
<td>
<input type="text" id="text1" />
</td>
<td>
<input type="text" id="text2" />
</td>
<td>
<input type="radio" id="rdbSelect" name="Select" onclick="Test()" />
</td>
</tr>
</table>
</div>
et JavaScript
function CreateGrid() {
var Grid = document.getElementById('Table1')
for (var i = 1; i < 6; i++) {
var newrow = Grid.rows[Grid.rows.length - 1].cloneNode(true);
newrow.cells[0].innerText;
newrow.cells[1].children[0].value = '';
newrow.cells[2].children[0].value = '';
Grid.getElementsByTagName('tbody')[0].appendChild(newrow);
}
}
function Test() {
alert("Hello");
}
Toute aide sera appréciée.
- Vous devez tenir compte de l'événement onChange je suppose..
- Salut @RayonDabre Merci pour votre intérêt, j'ai essayé onchange, mais le résultat est le même 🙁
- Pouvez-vous fournir ensemble de l'html et du code JS ?
- Oui, j'ai mis à jour ma question, Merci de vérifier
- Pouvez-vous fournir jsFiddle de reproduction de votre question, parce que je comprends de votre question, ce n'est pas le comportement attendu
I want that function call only when Radio button clicked by mouse, not on focus.
la mise au point à l'aide du clavier n'a pas d'incendie cliquez sur l'événement que je suis au courant de - Comme une note de côté, votre rendu HTML à l'aide de
CreateGrid()
méthode n'est pas valide, Id doit être unique sur le document de contexte - Si une solution qui a fonctionné pour vous, pouvez-vous marquer une réponse comme acceptée? Merci!
Vous devez vous connecter pour publier un commentaire.
Vérifier la réponse posté ici:
https://stackoverflow.com/a/33400670/3780922
Il détaille toutes les croix-navigateur problèmes liés à la manipulation de la souris/modifier des événements, et des promenades à travers lequel la souris-événement truc (comme illustré ci-dessous) échoue.
Focus est un problème difficile, car une fois que le groupe de boutons radio (toutes les radios avec le même nom) est mis, la touche, les touches de changement de la valeur, ce qui déclenche l'
change
événement ET leclick
événement, qui se fait via le navigateur pour la compatibilité avec la navigation au clavier.simple, mais une non-solution de navigateur est comme suit:
change
objet d'événement ne comprend pas les qualités requises.vous essayez cette
ex:-
S'il vous plaît essayer cette
Je l'a résolu en utilisant quelque chose de comme ceci (jsfiddle):
ou à l'aide de jquery (sur jsfiddle)
Bonjour, Vous pouvez Écrire ceci vous Déplacer le code javascript à la tête de la section