HomeBlogMagic

Javascript Hot-Keys für die Webpage

In javascript können ganz einfache Tastenkombinationen gesetzt werden um auf der Webseite aktionen auszulösen.

Hier ein Beispiel:

<script type="text/javascript">
    function CallKeyMap(e) 
    {  
        if (e.ctrlKey && e.altKey && e.key == 'd') 
        {
            var oRow = document.getElementById("hidden_row");
            var oDpRow = document.getElementById("displayed_row");
            if(oRow && oDpRow)
            {
              oRow.style.display = oDpRow.style.display;
            }
        }
    }
    document.addEventListener('keyup', CallKeyMap, false);
</script>
<table>
  <tr id="displayed_row">
    <td class="webinstr_td">shown</td>
  </tr>
  <tr id="hidden_row" style="display:none">
    <td class="webinstr_td">hidden</td>
  </tr>
  <tr>
    <td class="webinstr_td">shown</td>
  </tr>
</table>

In diesem Beispiel wird eine Zeile aus einer Tabelle eingeblendet wenn die Tasten STRG + ALT + d losgelassen werden werden.

Permalink: https://adirmeier.de/Blog/ID_329
Tags: Blog, Blog, Javascript, webvon am 2020-07-23