javascript::onkeyup

前から気になっていたonkeyupを使ってみた。

     function wordSearch(){
       var bfrstr = document.getElementById("bun").value;
       var bfrword = document.getElementById("bfrword").value;
       var afrword = document.getElementById("afrword").value;
       if(bfrstr.indexOf(bfrword) != -1){
         var re = new RegExp(bfrword,"ig");
         var afrstr = bfrstr.replace(re,afrword);
         document.getElementById("bun").value = afrstr;
       }
     }

    <textarea id="bun" onkeyup="wordSearch()"></textarea>
    対象語句：<input type="text" id="bfrword">
    置換語句：<input type="text" id="afrword" onkeyup="wordSearch()">

対象語句を置換語句に変換します。

onkeyupでキーを離すごとに関数を実行.

JavaScript はおもしろい.