The next event we are going to look through is scroll: one of the most frequently used events in JavaScript, and not only. With the help of this event, you can react to a page or element scrolling. Here are a few pretty good things to do with it: A small function showing the current scroll is below: The…

This chapter is dedicated to the study of keyboard, along with its keydown and keyup events, and their usage in JavaScript. As a rule, a keyboard event is generated by pressing a key: no matter it’s a symbol key or a special key, such as Shift, Ctrl, and more. Before getting to the keyboard, please consider…

One of the greatest interface solutions of JavaScript is known as “Drag and Drop”. In this chapter, we are going to find out what it is mainly used for, and why it should be an essential part of your work. Dragging and dropping something is a clear and straightforward way of doing multiple things: from copying and…

In this chapter, we are going to explore what comes about when the mouse moves between elements. Let’s start to dive into details about what mouseover, mouseout, mouseenter and mouseleave events are and how they operate. Events mouseover/mouseout, relatedTarget The mouseover event takes place when the pointer of the mouse comes over an element. On the contrary,…

In this chapter, we are going to get into more details about the mouse events, along with their properties. Mouse events belong to the most common and significant event types. Mouse event object can be defined as a unity of events that happen when the mouse interacts with the HTML document. Please note that the…

In this chapter, we are going to get into more details about the mouse events, along with their properties. Mouse events belong to the most common and significant event types. Mouse event object can be defined as a unity of events that happen when the mouse interacts with the HTML document. Please note that the…