JSFiddle - React, Tailwind, and code Playground

by joshmoto

HTML

<input type="text" value="Sample Text" />

JavaScript

// create keys set object
const keys = new Set();

// input keydown checks
$('INPUT').on('keydown', function(e) {

  //

  // input value var
  let val = $(this).val();
  
  let input = this;

  //console.log(e.key);
  
// select plate input text
      //input.focus();
      //input.select();

  keys.add(e.key);

  //console.log(keys);

  //console.log(this);

  // check if mac command or pc control keys
  let cmdKeys = (keys.has('Meta') || keys.has('Control'));

  console.log(cmdKeys);

  if (cmdKeys) {
  
  e.preventDefault();

    if (cmdKeys && keys.has('a')) {

      // select plate input text
      input.focus();
      input.select();
      
      console.log(this);

      
    }

  }

}).on('keyup', function(e) {

  // clear keys set
  keys.clear();

  //console.log(keys);

});