JavaScript and Mouse Events
Event Name: | onclick |
---|---|
Description: | This event will be triggerd/generated when the user press and release a left mouse button on the element where onclick event is used. |
Example: | U can use any element.. |
Event Name: | ondblclick |
Description: | This event will be triggerd/generated when the user press and release a left mouse button twise on the element where ondblclick event is used. |
Example: | U can use any element.. |
Event Name: | onmousedown |
Description: | This event will be triggerd/generated when the user presses (But not releases) a left mouse button on the element where onmousedown event is used. |
Example: | U can use any element.. |
Event Name: | onmouseup |
Description: | This event will be triggerd/generated when the user releases a pressed left mouse button on the element where onmouseup event is used. |
Example: | U can use any element.. |
Event Name: | onmousemove |
Description: | This event will be triggerd/generated when the user move a mouse pointer on the element where onmousemove event is used. |
Example: | U can use any element.. |
Event Name: | onmouseover |
Description: | This event will be triggerd/generated when the user place a mouse pointer on the element where onmouseover event is used. |
Example: | U can use any element.. |
Event Name: | onmouseout |
Description: | This event will be triggerd/generated when the user removes the mouse pointer from the element where onmouseout event is used. |
Example: | U can use any element.. |
Complete Example
Click on me!
Double Click on me!
Press/Release left mouse button on me!
Move on me!
Enter or Exit on/from me!