Open In App

JavaScript MouseEvent ctrlKey Property

Improve
Improve
Like Article
Like
Save
Share
Report

The mouseEvent ctrlKey property is used to define whether the ctrl key is pressed or not. It is a boolean value. When the ctrl key is pressed then on click of the mouse buttons it returns true and if it is not pressed then it returns false. 

Syntax:

event.ctrlKey

Return Value: It returns a boolean value indicating whether the ctrl key is pressed or not.

  • true: it indicates the ctrl key is pressed.
  • false: it indicates the ctrl key is not pressed.

Example: In this example, we will see the example of MouseEvent ctrlKey property.

html




<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
  
    <h2>
        mouseEvent ctrlKey Property
    </h2>
    <button onclick="geek (event);">Get Ctrl key state!</button>
    <p id="gfg"></p>
    <script>
        function geek (event) {
            if (event.ctrlKey) {
                document.getElementById("gfg")
                        .innerHTML = "Ctrl key is pressed.";
            }
            else {
                document.getElementById("gfg")
                        .innerHTML= ("Ctrl key is not pressed.");
            }
        }
    </script>
</body>


Output:

Javascript MouseEvent ctrlKey Property

Javascript MouseEvent ctrlKey PropertyJavascript MouseEvent ctrlKey Property

Supported Browsers: The browser supported by the ctrlKey property are listed below:

  • Apple Safari
  • Google Chrome
  • Firefox
  • Opera
  • Internet Explorer

Last Updated : 08 Feb, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads