E-gradiva > Računalništvo > Programiranje > Načrtovanje in razvoj spletnih aplikacij > Javascript > DOM (Document Object Model) > Razred Event

Prijava

Razred Event

Objekti razreda Event omogočajo dostop do stanja tipk ( pritisnjena, spuščena), miške ( pritisnena ali spuščena leva ali desna miška, lokacija miške, na kateri HTML element se je izvedel klik...). Po zaznavi dogodka se običajno proži določena uporabniško definirana funkcija v Javascriptu. Lastnosti razreda Event so: onabort, onblur, onchange, onclick, ondblclick, onerror, onfocus, onkeydown, onkeypress , onkeyup,onload , onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onreset, onresize, onselect, onsubmit, onunload. Te lastnosti smo že spoznali, ko smo obravnavli dogodke. Lastnosti, ki so vezane na spremembe stanja miške ali tipkovnice, katere še nismo obravnavali so altKey ( če je pritisnjena tipka “ALT”), button ( rezultat je kateri miškin gumb je pritisnjen), clientX (vrne koordinato x v brskalniku kamor kaže kazalec miške), clientY (vrne koordinato y v brskalniku kamor kaže kazalec miške), ctrlKey (če je pritisnjena tipka”CNTRL”), metaKey (če je pritisnjena tipka”meta”) relatedTarget (vrne na kateri element HTML smo pritisnili ali kliknili), screenX (vrne koordinato x na zaslonu kamor kaže kazalec miške), screenY (vrne koordinato y na zaslonu kamor kaže kazalec miške), shiftKey (če je pritisnjena tipka”SHIFT”). Dodatne lastnosti, ki delujejo samo v Firefoxu so še bubbles, cancelable, currentTarget, target, timeStamp, type. Preizkusite jih in ugotovite kaj delajo.

 

Primer: Ugotavljanje na kateri miškin gumb je uporabnik kliknil

 


<html>

       <head>

       <script type="text/javascript">

              function kateraMiska(dogodek)

               { 

                  if (dogodek.button==2)

                    { alert("Kliknili ste desno misko!"); }

               else

                 {  alert("Kliknili ste levo misko!");}

               }     

         </script>

       </head>

       <body onmousedown="kateraMiska(event)">

          <p>

               Kliknite na dokument in v opozorilnem oknu boste dobili katero misko ste kliknili.

          </p>

       </body>

</html>