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>
CSS
"use strict";
! function(e, t, n) { n.getEngine().on("initialized", function() {
try {
document.querySelector(".litmus-field-comments-container > div > div > textarea").addEventListener("onchange", function(e) {
console.log("test change")
})
document.querySelector(".litmus-field-comments-container > div > div > textarea").addEventListener("keypress", function(e) {
console.log("test key")
})
} catch (e) {
console.log(e)
}
})
}(window, document, ltms);
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').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);
};