JSFiddle - React, Tailwind, and code Playground

by ti2005

HTML

<script src="firebug-lite-debug.js"></script>
<form>
  <input type="text" id="myinput">
  <button id="btn" type="button">
  Show Text
  </button>
</form>

JavaScript

document.getElementById('myinput').onkeypress = function() {

    document.getElementById('myinput').value = document.getElementById('myinput').value.replace(/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g, '');
};
document.getElementById('myinput').keypress = function() {
  document.getElementById('myinput').value = document.getElementById('myinput').value.replace(/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g, '').trim();
};
document.getElementById('myinput').onchange = function() {
  document.getElementById('myinput').value = document.getElementById('myinput').value.replace(/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g, '');
};
document.getElementById('myinput').onpaste = function() {
    document.getElementById('myinput').value = document.getElementById('myinput').value.replace(/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g, '');
};

document.getElementById('btn').onclick = function() {
  document.getElementById('myinput').value = document.getElementById('myinput').value.replace(/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g, '');
  alert(document.getElementById('myinput').value);
};