use event key outside keyup function javascript

Most mouse devices only have the left and right buttons, so possible values are 0 or 2. The possible values of event.button are: Button state On the other hand, mousedown and mouseup handlers may need event.button, because these events trigger on any button, so button allows to distinguish between “right-mousedown” and “left-mousedown”. We usually don’t use it for click and contextmenu events, because the former happens only on left-click, and the latter – only on right-click. On the teststand below, all mouse events are logged, and if there is more than a 1 second delay between them, they are separated by a horizontal rule.Īlso, we can see the button property that allows us to detect the mouse button it’s explained below.Ĭlick-related events always have the button property, which allows to get the exact mouse button. That is, the handlers are called in the order mousedown → mouseup → click.Ĭlick the button below and you’ll see the events. In cases when a single action initiates multiple events, their order is fixed. Events orderĪs you can see from the list above, a user action may trigger multiple events.įor instance, a left-button click first triggers mousedown, when the button is pressed, then mouseup and click when it’s released. …There are several other events too, we’ll cover them later. using a special keyboard key, it triggers in that case also, so it’s not exactly the mouse event. There are other ways to open a context menu, e.g.

contextmenu Triggers when the right mouse button is pressed. dblclick Triggers after two clicks on the same element within a short timeframe. click Triggers after mousedown and then mouseup over the same element if the left mouse button was used. mousemove Every mouse move over an element triggers that event. mouseover/mouseout Mouse pointer comes over/out from an element.

We’ve already seen some of these events: mousedown/mouseup Mouse button is clicked/released over an element. Please note: such events may come not only from “mouse devices”, but are also from other devices, such as phones and tablets, where they are emulated for compatibility.

In this chapter we’ll get into more details about mouse events and their properties.

Use event key outside keyup function javascript