LANG SELRCT

コードを書く場所についてはこちら

2017年12月30日土曜日

改行が入力された時に反応する機能を作る

HTML Serviceでこういう機能を作る




↑のようにテキストエリアに改行がひとつ入ったらアラートを出す



コード.gs
function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}
意訳
この機能がやること
指定したHTMLファイルを表示する




index.html
<!DOCTYPE html>
<html>
<body>
  <textarea id="ta"></textarea>
  <script>
    document.getElementById("ta").onkeyup = ta_keyup;

    function ta_keyup(e) {
      var key_code = e.keyCode;
      var value = this.value;
      var value_split = value.split("\n");
      if (key_code == 13) {
        if (value_split[value_split.length - 1] == "") {
          alert("改行が追加されました")
        }
      } else {}
    }
  </script>
</body>
</html>
意訳
これはHTML5文書です


テキストエリアを置く idはta

taでキーボードのキーが上がったら

この機能がやること
キーが上がったキーのキーコードを取得して
taに入力されている値を取得して
それを改行(\n)で区切って
もしキーコードが13で
もし改行が一つ入ったら (改行で区切った最後の値が空なら)
アラートを出す