HTML | DOM TouchEvent shiftKey Property

The TouchEvent shiftKey property is a read-only property and used for returning a Boolean value which indicates whether or not the “shift” key was pressed when a touch event was triggered.
The TouchEvent shiftKey property mostly returns false because generally, touch devices do not have a shift key.

Syntax :


Return Value: It returns true if the shift key is pressed, else it returns false.

Below program illustrates the TouchEvent shiftKey property :
Example: Finding out whether the “shift” key was pressed on the touch screen or not.





<!DOCTYPE html>
<meta name="viewport" 
    <title>TouchEvent shiftKey property in HTML
        h1 {
            color: green;
        h2 {
            font-family: Impact;
        body {
            text-align: center;
<body ontouchstart="isKeyPressed(event)">
    <h2>TouchEvent shiftKey property</h2>
    <p>Touch somewhere in the document and wait for
      an alert to tell if the shift key was pressed or not.</p>
        function count(event) {
            //  Check whether the shift key is 
            //  pressed or not
            if (event.shiftKey) {
                alert("Shift key has been pressed!");
            } else {
                alert("Shift key has not been pressed!");



  • Before clicking the button:
  • After clicking the button:

Supported Browsers

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


My Personal Notes arrow_drop_up

If you like GeeksforGeeks and would like to contribute, you can also write an article using or mail your article to See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.

Article Tags :
Practice Tags :

Be the First to upvote.

Please write to us at to report any issue with the above content.