Forum » Javascript » [JS] muispositie

  1. Fifa06

    Ik wil dmv javascript een div element aan de positie van de muis vastmaken, maar dit lukt mij, ik krijg elke keer de melding dat event niet is gedefinieerd, ik de volgende codes geprobeerd:
    window.clientX
    window.event.clientX
    event.clientX

    Ook heb ik met screenX geprobeerd, maar hier komt elke keer hetzelde getal uit?

    za 13-03-2010 om 09:56
Reacties (2)

Reageren
  1. Bnc

    Ik heb gewoon wat gegoogeld, dus vraag me niet hoe je het moet aanpassen .

    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
    37
    38
    39
    40
    41
    42
    43
    44
    45
    
    <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">

    <html>
    <head>
    <title>Untitled</title>
    <script type=\"text/javascript\">
    /* This script and many more are available free online at
    The JavaScript Source!! http://javascript.internet.com
    Created by: Roy Marchand | http://www.expertsrt.com */
    function showit() {
      document.forms[\'theform\'].xcoord.value=event.x;
      document.getElementById(\'spanx\').innerHTML=\'x = \'+event.x;
      document.forms.theform.ycoord.value=event.y;
      document.getElementById(\'spany\').innerHTML=\'y = \'+event.y;
    }

    function showitMOZ(e) {
      document.forms[\'theform\'].xcoord.value=e.pageX;
      document.getElementById(\'spanx\').innerHTML=\'x = \'+e.pageX;
      document.getElementById(\'spany\').innerHTML=\'y = \'+e.pageY;
      document.forms.theform.ycoord.value=e.pageY;
    }

    if (!document.all) {
      window.captureEvents(Event.CLICK);
      window.onclick=showitMOZ;
    } else {
      document.onclick=showit;
    }

    </script>
    </head>
    <body>
    <h4>You can store them in form fields</h4>
    <form name=\"theform\">
    x = <input name=\"xcoord\" type=\"text\" readonly size=\"5\"> 
    y = <input name=\"ycoord\" type=\"text\" readonly size=\"5\">
    </form>
    <p>
    <h4>or as plain text</h4>
    <span id=\"spanx\"> </span> <span id=\"spany\"> </span>


    </body>
    </html>



    Het script geeft telkens de coördinaten van je cursor weer als je ergens klikt. Wellicht wil jij dat anders, aan jou om het aan te passen naar wens.

    za 13-03-2010 om 10:44
  2. Tim

    Code
    1
    2
    3
    4
    5
    6
    7
    
    <script type=\"text/javascript\">
     document.onmousemove = function(e)
      {
        var e = (window.event) ? window.event : e;
        document.title = e.clientX + \' × \' + e.clientY;
      }
     </script>



    Hiermee moet je toch wel vooruit kunnen komen lijkt me.

    za 13-03-2010 om 11:36
Reageren