javascript - How to remap keyboard within the same textarea -
currently doing project remapping characters words detecting keyup function. unfortunately, have been able retrieve first character , remap word want. in project, need directly retrieve of keyboard input , directly convert word want within same textarea. example when type in textarea, convert "are" directly. don't know why stopped retrieving second character , remapping not function. below code, hope can tell me error. thank you.
<textarea class="width-100" id="translated-text" onkeyup="myfunctionkey(event);" rows="10"></textarea> <script> function myfunctionkey(e) { conversion(); } function conversion(){ var x = document.getelementbyid('translated-text'); if(x.value == 'a'){ x.value='yes'; } if(x.value == 'q'){ x.value = 'are'; } } </script>
from understand, want grab input , replace key stroke complete word.
maybe do. i've changed onkeyup onkeypress because more reliable remember.
<textarea id="translated-text" cols="50" rows="10" onkeypress="replaceinputchar(event);"></textarea> <script type="text/javascript"> //create replacement map var map = { "a": "and", "b": "bold", "c": "change" }; function replaceinputchar(e) { var ctl = document.getelementbyid("translated-text"); //control var char = string.fromcharcode(e.keycode); //typed char if (char in map) //check if letter defined in map { //insert replacement instead of letter if("selectionstart" in ctl) { //in modern browsers can mimic default behavior @ cursor position var pos = ctl.selectionstart; ctl.value = ctl.value.substr(0, pos) + map[char] + ctl.value.substr(ctl.selectionend); ctl.selectionstart = pos + map[char].length; ctl.selectionend = ctl.selectionstart; } else ctl.value += map[char]; if ("preventdefault" in e) //modern browser event cancelling e.preventdefault(); else { //old browser event cancelling e.returnvalue = false; //ie8 return false; } } } </script>
Comments
Post a Comment