onmousedown and onmouseup eventsWe will check how to use onmousedown and onmouseup events to trigger various events. To demonstrate this we will use one div layer and when Mouse is placed over it and key is pressed the event will be triggered. We need to press the key and hold it for some time to know the difference. As long as we have pressed and holding the mouse key the background color will change as per the onmousedown event. Once we release the mouse button then the event onmouseup will take over and the event associated with it to change the background color occurred.Here is the sample code. Subscribe to our YouTube Channel here
This article is written by plus2net.com team.
|
 Events Handling in JavaScript
EventsHide and displaying layers through buttonsShowing Help message on mouseover using Div tagProgress bar value attributes by button clickHide and displaying layers through radio buttonsOnClick event of period buttonOn Double Click event of button and div layerText box click event removing dataSelecting all the data of inside textarea by clickingDefault value by using OnFocus event of a text boxOnBlur:Showing help text by using onfocus and onBlur event triggersCounting the characters dynamically inside a textarea and setting a limitCopying a set of textbox entered data to another area of a formCopying data along with drop down list box selection inside a formStatus bar Message on Mouseover event of a linkonunload:Events to execute on exit of the pageText box onBlur click event changing caseOnMouseOver image changing over a linkOnMousedown and onmouseup event to change background colorOnMousemove event to change background colorOnKeyPress to trigger eventOnKeyDown to trigger eventOnKeyUp to trigger eventDetecting arrow key press eventDetecting key pressed by userVirtual keyboard : Detecting key pressed based on screen locationclientX and clientY to get horizontal and vertical coordinates |