JsLib 1.3 - Exemple - souris.js
/* souris.js
* Role : capture et gere les evenements souris
* Projet : JsLib
* Auteur : Etienne CHEVILLARD (echevillard@users.sourceforge.net)
* Version : 1.3
* Creation : 20/08/2001
* Mise a jour : 23/02/2005
* Bogues connues : - Netscape Navigator 4 ne gere pas le bouton du milieu
*/
// capture les evenements sous Netscape Navigator
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
document.captureEvents(Event.MOUSEUP);
document.captureEvents(Event.MOUSEMOVE);
}
// --- Fonctions ---
// retourne vrai si le dernier clic de souris concerne le bouton droit
function boutonDroit(e) {
if (window.event)
return (window.event.button==2);
else
return (e.which==3);
} // fin boutonDroit(e)
// retourne vrai si le dernier clic de souris concerne le bouton gauche
function boutonGauche(e) {
if (window.event)
return (window.event.button==1);
else {
if (e.type=="mousemove")
return (false);
else
return (e.which==1);
}
} // fin boutonGauche(e)
// retourne vrai si le dernier clic de souris concerne le bouton du milieu
function boutonMilieu(e) {
if (window.event)
return ((window.event.button==3) || (window.event.button==4));
else
return (e.which==2);
} // fin boutonMilieu(e)
// retourne la position horizontale a l'ecran du pointeur de la souris
function pointeurEcranX(e) {
if (window.event)
return (window.event.screenX);
else
return(e.screenX);
} // fin pointeurEcranX(e)
// retourne la position verticale a l'ecran du pointeur de la souris
function pointeurEcranY(e) {
if (window.event)
return (window.event.screenY);
else
return(e.screenY);
} // fin pointeurEcranY(e)
// retourne la position horizontale sur la page du pointeur de la souris
function pointeurX(e) {
if (window.event)
return (window.event.clientX);
else
return(e.pageX);
} // fin pointeurX(e)
// retourne la position verticale sur la page du pointeur de la souris
function pointeurY(e) {
if (window.event)
return (window.event.clientY);
else
return(e.pageY);
} // fin pointeurY(e)
JsLib 1.3
Exemple - souris.js
Déplacez la souris sur la page et cliquez où vous le souhaitez.
Type de l'événement :
Déplacement du pointeur (mousemove)
Bouton de souris enfoncé (mousedown)
Bouton de souris relaché (mouseup)
Bouton concerné :
Bouton gauche
Bouton du milieu
Bouton droit
Position du pointeur sur la page (coordonnées en pixels) :
X=
Y=
Position du pointeur à l'écran (coordonnées en pixels) :
X=
Y=
document.onmousemove = pointeurDeplace;
function pointeurDeplace(e) {
document.f1.r1[0].checked = true;
majFormulaire(e);
}
document.onmousedown = boutonEnfonce;
function boutonEnfonce(e) {
document.f1.r1[1].checked = true;
majFormulaire(e);
}
document.onmouseup = boutonRelache;
function boutonRelache(e) {
document.f1.r1[2].checked = true;
majFormulaire(e);
}
function majFormulaire(e) {
document.f1.t1.value = pointeurX(e);
document.f1.t2.value = pointeurY(e);
document.f1.t3.value = pointeurEcranX(e);
document.f1.t4.value = pointeurEcranY(e);
document.f1.c1.checked = boutonGauche(e);
document.f1.c2.checked = boutonMilieu(e);
document.f1.c3.checked = boutonDroit(e);
}