javascript - Web page: detect and block certain keyboard shortcuts - Stack Overflow

admin管理员组

文章数量:1399509

I want to detect and block certain keyboard shortcuts on a web page. For example, say I want to prevent alt+tab for switching apps (just an example, assume any global shortcut).

Here's as far as I can think it out:

• attach a keyboard event listener to document (or window?)
• use event.which to check which key bination was pressed
• if it was a blacklisted shortcut, stop the browser from executing it

But, I don't know how to
A) detect multiple keys (e.g. alt and tab together), or
B) stop them from executing (can I just return false?).

Can anyone tell me how to acplish the above?

I want to detect and block certain keyboard shortcuts on a web page. For example, say I want to prevent alt+tab for switching apps (just an example, assume any global shortcut).

Here's as far as I can think it out:

• attach a keyboard event listener to document (or window?)
• use event.which to check which key bination was pressed
• if it was a blacklisted shortcut, stop the browser from executing it

But, I don't know how to
A) detect multiple keys (e.g. alt and tab together), or
B) stop them from executing (can I just return false?).

Can anyone tell me how to acplish the above?

• javascript
• html
• dom-events
• keyboard-shortcuts

Share Improve this question Follow edited Aug 16, 2021 at 8:53 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Jun 19, 2011 at 16:39 NathanNathan 7,0421212 gold badges4040 silver badges5656 bronze badges 2

• Do you really think that this is possible? Disabling keys on the client puters keyboard from a public web page over the internet? I don't think so :-) – Darin Dimitrov Commented Jun 19, 2011 at 16:41
• @Darin I hope it is ;). But, honestly, I don't know. That's why I asked here. – Nathan Commented Jun 19, 2011 at 16:46

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

You want to prevent screenshots from being taken? Forget it right now.

No matter what elaborate mechanisms you put into place, they will be trivial to circumvent by un-focusing the browser window (or just the document, e.g. by clicking into the address bar), and pressing the screenshot key then.

There is no chance for you to do this except by installing client software on the puter that controls what the user does, or maybe using some proprietary ActiveX control that makes its contents un-print-screenable. Both approaches are hugely difficult and have tons of downsides.

You cannot block keyboard binations that belong to the OS. Only keyboard binations that roam inside the browser and are not OS specific.

If you want to protect your content, don't publish it in public. Or put a decent license on it

// lookup table for keycodes
var key = { s: 83 };

document.onkeydown = function (e) {
  // normalize event
  e = e || window.event;

  // detecting multiple keys, e.g: Ctrl + S
  if (e.ctrlKey && !e.altKey && e.keyCode === key.s) {
    // prevent default action
    if (e.preventDefault) {
      e.preventDefault();
    }
    // IE
    e.returnValue = false;
  }
};

Detecting Keystrokes Compatibility Table (QuirksMode)

本文标签： javascriptWeb page detect and block certain keyboard shortcutsStack Overflow