JavaScript Tutorial - Mouse events part 1 - Introduction

Title : JavaScript Tutorial - Mouse events part 1 - Introduction
Duration : 14:44
Channel : WebTunings
Label : JavaScript (Programming Language), click, dblclick, mousedown, mouseup, mouseover, mouseout, mousemove, mouseleave, mouseenter, events, Event-driven Programming (File Format Genre), Programming Language (Literary Genre), bubbling, DOM events, HTML, tutorial, beginners

JavaScript Tutorial - Mouse events part 1 - Introduction

click: The click event type must be dispatched on the topmost event target indicated by the pointer, when the user presses down and releases the pointer button, or otherwise activates the pointer in a manner that simulates such an action. The actuation method of the mouse button depends upon the pointer device and the environment configuration, e.g., it may depend on the screen location or the delay between the press and release of the pointing device button. The click event may be preceded by the mousedown and mouseup events on the same element, disregarding changes between other node types (e.g., text nodes). Depending upon the environment configuration, the click event may be dispatched if one or more of the event types mouseover, mousemove, and mouseout occur between the press and release of the pointing device button. The click event may also be followed by the dblclick event. dblclick: A user agent must dispatch this event when a pointing device button is clicked twice over an element. The definition of a double click depends on the environment configuration, except that the event target must be the same between mousedown, mouseup, and dblclick. This event type must be dispatched after the event type click if a click and double click occur simultaneously, and after the event type mouseup otherwise. mousedown: A user agent must dispatch this event when a pointing device button is pressed over an element. mouseenter: A user agent must dispatch this event when a pointing device is moved onto the boundaries of an element or one of its descendent elements. This event type is similar to mouseover, but differs in that it does not bubble, and must not be dispatched when the pointer device moves from an element onto the boundaries of one of its descendent elements. mouseleave: A user agent must dispatch this event when a pointing device is moved off of the boundaries of an element and all of its descendent elements. This event type is similar to mouseout, but differs in that does not bubble, and that it must not be dispatched until the pointing device has left the boundaries of the element and the boundaries of all of its children. mousemove: A user agent must dispatch this event when a pointing device is moved while it is over an element. The frequency rate of events while the pointing device is moved is implementation-, device-, and platform-specific, but multiple consecutive mousemove events should be fired for sustained pointer-device movement, rather than a single event for each instance of mouse movement. Implementations are encouraged to determine the optimal frequency rate to balance responsiveness with performance. mouseout: A user agent must dispatch this event when a pointing device is moved off of the boundaries of an element. This event type is similar to mouseleave, but differs in that does bubble, and that it must be dispatched when the pointer device moves from an element onto the boundaries of one of its descendent elements. mouseover: A user agent must dispatch this event when a pointing device is moved onto the boundaries of an element. This event type is similar to mouseenter, but differs in that it bubbles, and that it must be dispatched when the pointer device moves onto the boundaries of an element whose ancestor element is the event target for the same event listener instance. mouseup: A user agent must dispatch this event when a pointing device button is released over an element. ------------------------------------------------------------------------- Facebook page: https://www.facebook.com/pages/WebTunings/339234242822202 Recommended JavaScript Book: http://www.amazon.com/gp/product/0596805527/ref=as_li_qf_sp_asin_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=0596805527&linkCode=as2&tag=webtuningscom-20 Code snippets: https://github.com/webtunings

Download Video JavaScript Tutorial - Mouse events part 1 - Introduction