JSFiddle - React, Tailwind, and code Playground

by AlexKhrapal

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.theme.css">
<div id="root">
  <div class="test" @click="test">123</div>
</div>

JavaScript

var vm = new Vue({
  el: '#root',
  data: {
  	ThisIsField1: '',
    ThisIsField2: ''
  },
  methods: {
  	keymonitor(event) {
    	// who caused it? "event.target.id"
    	console.log('keyup from id: '+event.target.id)
      
      // what was pressed?
      let keyMessage = 'keyup: ';
      if (event.shiftKey) {
      	keyMessage += 'Shift+';
      }
      keyMessage += event.key || String.fromCharCode(event.keyCode);

			console.log(keyMessage)
    }
  },
  test
});