Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: ciągłe pobieranie koordynatów myszki nad tagiem
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
sokot
11.01.2013, 12:11:00
Witam,

Potrzebuje takiej funkcjonalności jak w temacie. Wiem że jest mouseover ale to działa tylko jak rusza się myszką. Ja oprócz tego potrzebuję że gdy się stanie i jest nad tagiem to dalej wysłane są informację o koordynatach (pomimo że się nie zmieniają).

Jest na to jakaś funkcja ?

Pozdrawiam serdecznie.
Sephirus
11.01.2013, 12:28:32
Musisz to oprzeć na intervalu. Zajrzyj tutaj wink.gif
lukasz1985
11.01.2013, 12:29:46 
[HTML] pobierz, plaintext 
  1.  
  2. <!--
  3. To change this template, choose Tools | Templates
  4. and open the template in the editor.
  5. -->
  6. <!DOCTYPE html>
  7. <html>
  8.     <head>
  9.         <title></title>
  10.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  11.  
  12.  
  13.         <script  type="text/javascript">
  14.                 var mouseX, mouseY;
  15.             window.addEventListener('mousemove', function (event) {
  16.  
  17.                 mouseX = event.pageX;
  18.                 mouseY = event.pageY;
  19.                 console.log(mouseX + ' ' + mouseY);
  20.  
  21.             })
  22.  
  23.         </script>
  24.     </head>
  25.     <body>
  26.         <div>TODO write content</div>
  27.     </body>
  28. </html>
  29.  
[HTML] pobierz, plaintext
sokot
11.01.2013, 13:21:02
Dzięki za podpowiedzi.

Bardziej przejżyście wygląda ten listener. Ale jak tego użyć ?
Czy to nie jest po prostu nadpisanie funkcji mousemove ?
Bo ja potrzebuje zwracania koordynatów nie tylko jak 'mouse move' smile.gif ale jeszcze jak 'mouse stop' i jest nad divem.

merk
11.01.2013, 13:55:18
cześć,

tutaj jest dosyć czytelny przykład
http://stackoverflow.com/questions/1608498...l-in-javascript

[HTML] pobierz, plaintext 
  1. <html>
  2.  <body>
  3.   <div id="myDiv">test</div>
  4.  
  5.   <script type="text/javascript">
  6.    document.onmousemove = function(e) {
  7.     var event = e || window.event;
  8.     window.mouseX = event.clientX;
  9.     window.mouseY = event.clientY;
  10.    }
  11.  
  12.    function mousemov() {
  13.     document.getElementById("myDiv").innerHTML = window.mouseX + "--" + window.mouseY;
  14.    }
  15.  
  16.    window.onload = function() {
  17.     setInterval(mousemov, 100);
  18.    }
  19.   </script>
  20.  </body>
  21. </html>
[HTML] pobierz, plaintext
sokot
11.01.2013, 14:20:22
Dzięki za pomocne uwagi i linki.

Ostatecznie skorzystałem po trochu ze wszystkiego smile.gif

Poniżej zamieszczam kod który mi pomógł i może komuś też pomoże wink.gif

Kod
<script type="text/javascript">
    /* <![CDATA[ */
            $(document).ready(function() {          
                var Xcoord;
                var interval;
                
                $('#center').mousemove(function(e){
                    if (Xcoord == e.pageX) {
                        clearInterval(interval);    
                          interval = setInterval(function(){console.log(Xcoord + "     move your a.... ss :)");}, 50);
                    } else {
                        Xcoord = e.pageX;
                        console.log(e.pageX + "   moving");
                    }
                });
            });
                    
            
        
         /* ]]> */
</script>



Pozdrawiam serdecznie
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.