Mouse event, azaz, "egér" események.

1. click = Kattintás.
2. dblclick = Dupla kattintás.
3. mousedown = Lenyomás.
4. mouseup = Felengedés.
5. mouseenter = Érkezés.
6. mouseover = Érkezések.
7. mousemove = Mozgás.
8. mouseleave = Elhagyás.
9. mouseout = Elhagyások.
10. wheel = Görgetés.

1. <div onclick="Function_meghívása()"> </div>
2. <div ondblclick="Function_meghívása()"> </div>
3. <div onmousedown="Function_meghívása()"> </div>
4. <div onmouseup="Function_meghívása()"> </div>
5. <div onmouseenter="Function_meghívása()"> </div>
6. <div onmouseover="Function_meghívása()"> </div>
7. <div onmousemove="Function_meghívása()"> </div>
8. <div onmouseleave="Function_meghívása()"> </div>
9. <div onmouseout="Function_meghívása()"> </div>
10. <div onwheel="Function_meghívása()"> </div>

1. id.onclick= function(){ Script meghatározások.}
2. id.ondblclick= function(){ Script meghatározások.}
3. id.onmousedown= function(){ Script meghatározások.}
4. id.onmouseup= function(){ Script meghatározások. }
5. id.onmouseenter= function(){ Script meghatározások. }
6. id.onmouseover= function(){ Script meghatározások. }
7. id.onmousemove= function(){ Script meghatározások. }
8. id.onmouseleave= function(){ Script meghatározások. }
9. id.onmouseout= function(){ Script meghatározások. }
10. id.onwheel= function(){ Script meghatározások. }

JavaScript jQuery változatában eseményeket, így határozzuk meg.

  // Megjegyzés:  "id" helyett, azon elem egyedi azonosítónevét írjuk be, melyre az esemény, érvényes.

  $(document).ready(function(){

        $("#id").click(function(){  alert("Egyszer kattintottál.");  });
        $("#id").dblclick(function(){  alert("Duplán kattintottál.");  });
        $("#id").mousedown(function(){  alert("Lenyomtad a billentyűt.");  });
        $("#id").mouseup(function(){  alert("Felengedted a billentyűt.");  });
        $("#id").mouseenter(function(){  alert("Megérkeztél.");  });
        $("#id").mouseover(function(){  alert("Megérkeztél területekhez.");  });
        $("#id").mousemove(function(){  alert("Mozoghatsz a területen.");  });
        $("#id").mouseleave(function(){  alert("Távoztál.");  });
        $("#id").mouseout(function(){  alert("Távoztál területekről.");  });
		
    // A hover, elsősorban szöveges vagy képformátumú hivatkozási linkek területére alkalmazandó.
    // De alkalmazhatjuk más kiválasztott területre is.
    // A hover () metódusnak, kettő meghatározott funkciója van.
    // A kettő function módszer váltja ki, a mouseenter és mouseleave eseményeket.
	
        $("#id").hover(function(){
                                       alert("Beléptél kijelölt területre.");
                             }, function(){
                                       alert("Kiléptél kijelölt területről.");
            });
			
    // -------- Melyik egérbillentyűt nyomtuk le. -----------------------
        $('#id').mousedown(function(event) {
            switch (event.which) { 
                case 1: alert(' Left-balos \n Mouse billentyűt \n lenyomtad.'); break; 
                case 2: alert('Middle-Középső \n Mouse billentyűt \n lenyomtad.'); break; 
                case 3: alert(' Right-jobbos \n Mouse billentyűt \n lenyomtad.'); break; 
               default: alert('Van egy furcsa egér!'); 
            } 
        });
		
    // Egér pozíciója. -------------------------------------------------------
        $(document).mousemove(function(event){
                    $("#id").html("X = "+ event.pageX + ", Y = " + event.pageY);
        });

  
    // ---- Egér görgetése.---------------------------

    document.getElementById("idwheel").onwheel = function(){WheelGorget()};
         function WheelGorget() {
                 document.getElementById("idwheel").style.fontSize = "35px";
         }
             // ---- Egér, görgetési területet elhagyta ----
     document.getElementById("idwheel").onmouseleave = function(){WheelVege()};
         function WheelVege() {
                  document.getElementById("idwheel").style.fontSize = "15px";
         }

  });