Simuler le click d'un bouton en injectant des coordonnées dans une fonction
Bonjour a tous
je cherche le moyen de cliquer n'importe ou dans le body et que ca me renvoie le nom ou id du bouton qui se trouve dans les coordonnées x y
j'ai trouver cela dans la faq et un peu partout
mais je ne sais pas comment le faire fonctionner
dans cet exemple j'ai deux bouton
le bouton a cliquer et le bouton qui appelle la fonction pour cliquer sur le premier en injectant des coordonnées
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
| <!doctype html>
<html>
<head>
<script>
function evenement(xx,yy){
oEvent = document.createEvent( "MouseEvents" );
oEvent.initMouseEvent(
"click", // le type d'événement souris
true, // est-ce que l'événement doit se propager (bubbling) ?
true, // est-ce que le défaut pour cet événement peut être annulé ?
window, // l' 'AbstractView' pour cet événement
1, // details -- Pour les événements click, le nombre de clicks
1, // screenX
yy, // screenY
xx, // clientX
1, // clientY
false, // est-ce que la touche Ctrl est pressée ?
false, // est-ce que la touche Alt est pressée ?
false, // est-ce que la touche Shift est pressée ?
false, // est-ce que la touche Meta est pressée ?
0, // quel est le bouton pressé
target // l'élément source de cet événement
);
//target.dispatchEvent( oEvent );
target.fireEvent( "onclick" );
}
</script>
</head>
<body style="margin-left:0;padding-top:0;border:1px solid red;">
<button onclick="alert('Clicked')" id="btn">vrai bouton</button>
<button style ="position:absolute;top; 500;" onclick="evenement(10,23)" id="btn2">clique sur le vrai bouton</button>
<script>
evenement ("btn");
</script>
</body>
</html> |
si quelqu'un a une idée je suis preneur
tout ce qui compte c'est le fait que le bouton est inconnu(plusieurs bouton ajouter dynamiquement DOM) seules les coordonnées doivent donner ou non un bouton cliqué
ps: pour Ie 9 a IE 11