π’ JavaScript Basic Events!
A Thread....... π§΅
A Thread....... π§΅
β What is an Event?
β JavaScript's interaction with HTML is handled through events that occur when the user or the browser manipulates a page.
β JavaScript's interaction with HTML is handled through events that occur when the user or the browser manipulates a page.
β Click β Double Click
β Right-Click β Mouse Enter
β Mouse out β Mouse Down
β Mouse Up β Key Press
β Key up β0 Load
ββ Unload ββ Resize
ββ Scroll
β Right-Click β Mouse Enter
β Mouse out β Mouse Down
β Mouse Up β Key Press
β Key up β0 Load
ββ Unload ββ Resize
ββ Scroll
β Click
β The onclick event occurs when the user clicks on an element.
β The onclick event occurs when the user clicks on an element.
β Double Click!
β The event fires when an element is clicked twice in a very short span of time. In HTML, we can use the ondblclick attribute to create a double click event.
β The event fires when an element is clicked twice in a very short span of time. In HTML, we can use the ondblclick attribute to create a double click event.
β Right-Click
β Use the oncontextmenu Event to Enable JavaScript Right-Click event, The oncontextmenu event will enable the creation of the `div` element dynamically every time the right click is ensured.
β Use the oncontextmenu Event to Enable JavaScript Right-Click event, The oncontextmenu event will enable the creation of the `div` element dynamically every time the right click is ensured.
β Mouse Enter!
β This event is often used together with the onmouseout event, which occurs when a user moves the mouse pointer out of an element.
β This event is often used together with the onmouseout event, which occurs when a user moves the mouse pointer out of an element.
β Mouse out!
β The mouseout event is fired at an `Element` when a pointing device (usually a mouse) is used to move the cursor so that it is no longer contained within the element or one of its children.
β The mouseout event is fired at an `Element` when a pointing device (usually a mouse) is used to move the cursor so that it is no longer contained within the element or one of its children.
β Mouse Down!
β The onmousedown event occurs when a user presses a mouse button over an element
β The onmousedown event occurs when a user presses a mouse button over an element
β Mouse Up!
β The mouseup event is fired at an Element when a button on a pointing device. is released while the pointer is located inside it.
β The mouseup event is fired at an Element when a button on a pointing device. is released while the pointer is located inside it.
β Key Press!
β The keypress event is fired when a key that produces a character value is pressed down.
β The keypress event is fired when a key that produces a character value is pressed down.
β Key up!
β The onkeyup event occurs when the user releases a key (on the keyboard).
β The onkeyup event occurs when the user releases a key (on the keyboard).
β0 Load!
β The load event is fired when the whole page has loaded, including all dependent resources such as stylesheets and images
β The load event is fired when the whole page has loaded, including all dependent resources such as stylesheets and images
ββ unload!
β The unload event fires when a document has completely unloaded. Typically, the unload event fires when you navigate from one page to another.
β The unload event fires when a document has completely unloaded. Typically, the unload event fires when you navigate from one page to another.
ββ Resize!
β The resize event fires when the document view (window) has been resized.
β The resize event fires when the document view (window) has been resized.
ββ Scroll
β The `scroll` event allows reacting to a page or element scrolling. There are quite a few good things we can do here.
β The `scroll` event allows reacting to a page or element scrolling. There are quite a few good things we can do here.
β
Remember it!
β Click β Double Click
β Right-Click β Mouse Enter
β Mouse out β Mouse Down
β Mouse Up β Key Press
β Key up β0 Load
ββ Unload ββ Resize
ββ Scroll
β Click β Double Click
β Right-Click β Mouse Enter
β Mouse out β Mouse Down
β Mouse Up β Key Press
β Key up β0 Load
ββ Unload ββ Resize
ββ Scroll
π’ That's it for this thread. If you found it useful!
Follow me
@souravcode
Hey, I am a Web Developer From India, Helping people learn web development. I Tweet Around. β©β©β©
π’ HTML
π’ CSS
π’ JavaScript React, & More Tips & Web Development Content.
β Like
β‘Retweet
Follow me
@souravcode
Hey, I am a Web Developer From India, Helping people learn web development. I Tweet Around. β©β©β©
π’ HTML
π’ CSS
π’ JavaScript React, & More Tips & Web Development Content.
β Like
β‘Retweet
Loading suggestions...