Role of pageY Mouse Event in JavaScript

Akshaya Akki
Updated on 23-May-2020 09:33:47

144 Views

When a mouse event is triggered, the pageY mouse event property is used to get the vertical coordinate of the mouse pointer. The coordinate is relative to the screen.ExampleYou can try to run the following code to learn how to implement pageY Mouse event in JavaScript.           Click here to get the x (horizontal) and y (vertical) coordinates of the mouse pointer.                function coordsFunc(event) {             var x_coord = event.pageX;             var y_coord = event.pageY;             var xycoords = "X coords= " + x_coord + ", Y coords= " + y_coord;                         document.write(xycoords);          }          

Role of pageX Mouse Event in JavaScript

Krantik Chavan
Updated on 23-May-2020 09:33:19

385 Views

When a mouse event is triggered, the pageX mouse event property is used to get the horizontal coordinate of the mouse pointer. The coordinate is relative to the screen.ExampleYou can try to run the following code to learn how to implement pageX Mouse event in JavaScript.                    Click here to get the x (horizontal) and y (vertical)          coordinates of the mouse pointer.                        function coordsFunc(event) {             var x_coord = event.pageX;             var y_coord = event.pageY;             var xycoords = "X coords= " + x_coord + ", Y coords= " + y_coord;             document.write(xycoords);          }          

Role of ctrlKey in Mouse Event in JavaScript

Govinda Sai
Updated on 23-May-2020 09:32:42

259 Views

The ctrlkey mouse event property is used to show whether the CTRL key is pressed or not when the mouse button is clicked.ExampleYou can try to run the following code to learn how to implement ctrlKey Mouse event in JavaScript.           Press and hold CTRL key and then click here.                function funcCtrlKey(event) {             if (event.ctrlKey) {                alert("CTRL key: Pressed");             } else {                alert("CTRL key: NOT Pressed");             }          }          

Convert Infinity to Number in JavaScript

Monica Mona
Updated on 23-May-2020 09:30:39

240 Views

Use the Number() method in JavaScript to convert to Number. You can try to run the following code to learn how to convert -Infinity Number in JavaScript.ExampleLive Demo           Convert -Infinity to Number                var myVal = -Infinity;          document.write("Number : " + Number(myVal));           OutputConvert -Infinity to Number Number : -Infinity

Role of shiftKey Mouse Event in JavaScript

Rishi Rathor
Updated on 23-May-2020 09:29:49

237 Views

The shiftkey mouse event property is used to show whether SHIFT key is pressed or not when mouse button is clicked.ExampleYou can try to run the following code to learn how to implement shiftKey Mouse event in JavaScript.           Press and hold SHIFT key and then click here.                function funcShiftKey(event) {             if (event.shiftKey) {                alert("SHIFT key: Pressed");             } else {                alert("SHIFT key: NOT Pressed");             }          }          

Role of clientY Mouse Event in JavaScript

Ramu Prasad
Updated on 23-May-2020 09:17:56

187 Views

When a mouse event is triggered, the clientY mouse event property is used to get the vertical coordinate of the mouse pointer. This is according to the current window.ExampleYou can try to run the following code to learn how to implement clientY Mouse event in JavaScript.           Click here to get the x (horizontal) and y (vertical) coordinates (according to current window) of the mouse pointer.                      function coordsFunc(event) {             var x_coord = event.clientX;             var y_coord = event.clientY;             var xycoords = "X coords= " + x_coord + ", Y coords = " + y_coord;             document.write(xycoords);          }          

Role of clientX Mouse Event in JavaScript

Nancy Den
Updated on 23-May-2020 09:17:15

425 Views

When a mouse event is triggered, the clientX mouse event property is used to get the horizontal coordinate of the mouse pointer. This is according to current window.ExampleYou can try to run the following code to learn how to implement clientX Mouse event in JavaScript.                    Click here to get the x (horizontal) and y (vertical) coordinates          (according to current window) of the mouse pointer.                      function coordsFunc(event) {             var x_coord = event.clientX;             var y_coord = event.clientY;             var xycoords = "X coords= " + x_coord + ", Y coords= " + y_coord;             document.write(xycoords);          }          

Convert to Number in JavaScript

Lakshmi Srinivas
Updated on 23-May-2020 09:15:26

225 Views

Use the Number() method in JavaScript to convert to Number. You can try to run the following code to learn how to convert [ ] to Number in JavaScript.ExampleLive Demo           Convert [] to Number                var myVal = [];          document.write("Number: " + Number(myVal));          

JavaScript Event for Pasted Content in an Element

Vrundesha Joshi
Updated on 23-May-2020 09:14:49

149 Views

The onpaste event occurs when you paste content in the element.ExampleYou can try to run the following code to learn how to work with onpaste event in JavaScript.                          function pasteFunction() {             document.write("Text pasted successfully!");          }          

Role of altKey Mouse Event in JavaScript

Sravani S
Updated on 23-May-2020 09:13:53

244 Views

The altkey mouse event property is used to show whether SHIFT key is pressed or not when mouse button is clicked.ExampleYou can try to run the following code to learn how to implement altKey Mouse event in JavaScript.           Press and hold ALT key and then click here.                function funcAltKey(event) {             if (event.altKey) {                alert("ALT key: Pressed");             } else {                alert("ALT key: NOT Pressed");             }          }          

Advertisements