JQuery - Position de la souris
Le 8 septembre 2008, à 19:55 par Ulhume...

Mise à jour en temps réel de la position de la souris sur une page.

var mouse_position_x = 0, mouse_position_y = 0;
function ajad_updateMousePosition(context){
    if (document.captureEvents) {
        mouse_position_x = Number(context.pageX);
        mouse_position_y = Number(context.pageY);
    }
    else
        if (window.event.clientX) {
            mouse_position_x = Number(window.event.clientX + document.documentElement.scrollLeft);
            mouse_position_y = Number(window.event.clientY + document.documentElement.scrollTop);
        }
    //  log(mouse_position_x+":"+mouse_position_y);
}

$(document.body).mousemove(ajad_updateMousePosition);

Commentaires

Ben , le 28 October, 2008 - 17:51

$().mousemove(function(e){
$('#testposition').html(e.pageX +', '+ e.pageY);
});

hahaha Smiling

Ulhume, le 28 October, 2008 - 21:46

@Ben c'est malin Smiling))) Tu as testé cela sur un max de navigateur ?

Poster un nouveau commentaire

Le contenu de ce champ est gardé secret et ne sera pas montré publiquement.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • To highlight piece of code, just surround them with <code type="language"> Your code &tl;/code>>. Language can be java,c++,bash,etc... Everything Geshi support.
  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • Textual smileys will be replaced with graphical ones.
  • Les adresses de pages web et de messagerie électronique sont transformées en liens automatiquement.

Plus d'informations sur les options de formatage

Connexion utilisateur
Les derniers bavardages...