Home / Questions / 23900
Accepted
Marc Lemien
Asked: 2020-09-16 01:15:50 +0800 CST 2020-09-16 01:15:50 +0800 CST

How to make a user open a private section by means of a combination of keys?

  • 772

I had a crazy idea but I don't know if it can be done. I would like to know if it is possible to program that a user being on a website can open a private section only with the combination of two keys, for example: ctrl+a. So, for example, my clients could open a login without it being specified on the web in a visible way.

It would then be that what is opened is a file named, for example, loginclients.php or an html or a path of the type http://etc

javascript

4 Answers

  1. Best Answer

    You could use the jQuery.Hotkeys library which allows capturing keyboard events.

    You could do something like this:

    $(document).bind('keydown', 'ctrl+a', function(){
  //alert("Has pulsado ctrl+a");
  var win = window.open("https://www.google.com", '_blank');
  win.focus();
});

$(document).bind('keydown', 'ctrl+l', function(){
  alert("Has pulsado ctrl+l");
});
    <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Teclado Shortcuts</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<script src="https://rawgit.com/jeresig/jquery.hotkeys/master/jquery.hotkeys.js"></script>
</body>
</html>

    Execute the code and click on the region where the script is executed, then press ctrl+ao ctrl+land a message will be launched alert()saying what key you pressed, it is a basic example but I hope it helps you.

    To see the script that opens a new tab, working correctly, I leave you a jsbin in the following Link http://jsbin.com/fetedifune/edit?html,js,output

    • 5

  2. What you mention can be achieved with JavaScript, (although I haven't tried it) maybe something like this will work for you:

    document.addEventListener('keyup', event => {
  if (event.ctrlKey && event.keyCode === 40) {
    // to do...
  }
}, false)

    In any case there are some libraries for it, I leave you some links:

    • 2

  3. I think you can get what you want to do from here: http://www.aprenderaprogramar.es/index.php?option=com_content&view=article&id=844:capturar-eventos-de-teclado-javascript-tecla-pulsada-fromcharcode- keycode-wich-alt-examples-cu01161e&catid=78:basic-tutorial-web-javascript-programmer-from-&Itemid=206

    1-first you should capture the keys that the user presses and then with an if you control that it does what you want it to show, (you can achieve this with the hidden property of javascript if I remember correctly).

    2-the idea is not bad but do not make the user learn strange keys to log in because one never knows what kind of knowledge their users have and if it is difficult for them they go to another website.

    I hope it helps you.

    • 2

  4. A few years ago, there was an easter egg on many websites, which activated a series of keys by pressing. Maybe you could follow that same strategy for what you want to do.

    Check out konami-js to reuse what's there and don't reinvent the wheel :-D

    • -1