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

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -