Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App
geeksforgeeks
Browser
Continue

Related Articles

JavaScript MouseEvent ctrlKey Property

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

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
My Personal Notes arrow_drop_up
Last Updated : 08 Feb, 2023
Like Article
Save Article
Similar Reads
Related Tutorials