JSFiddle - React, Tailwind, and code Playground

by Luke Marlow

HTML

<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<textarea style="width:100%;height:140px;">Boo</textarea>
<div class="output"></div>

CSS

CTRL = 17
L = 76
SHIFT = 16 
ALT = 18

JavaScript

var CTRL_DOWN  = false;
var SHIFT_DOWN = false;

$(window).keydown(function(key) {
	if (key.which == 17) {
  	CTRL_DOWN = true;
  } else if (key.which == 16) {
  	SHIFT_DOWN = true;
  } else {
    if (CTRL_DOWN && SHIFT_DOWN) {
    	if (key.which == 76) {
      	$('textarea').css({'background':'green'});
      }
    }
  }
});

$(window).keyup(function(key) {
	if (key.which == 17) {
  	CTRL_DOWN = false;
  } else if (key.which == 16) {
  	SHIFT_DOWN = false;
  }
});