input detect

偵測輸入字元數

HTML

<input type="text" id="txt_input" oninput="checkCharacterCount()">

Javascript

function checkCharacterCount() {

      var txt = document.getElementById("txt_input").value;

      var resultElement = document.getElementById("result");

      // 檢查字元數是否達到10個並顯示相應消息

      if (txt.length >= 10) {

          resultElement.textContent = "已輸入10個字元";

      } else {

          resultElement.textContent = "";

      }

  }

游標移至input元素

<input type="text" id="myInput" placeholder="載入網頁游標移至此">

<script>

// 使用 JavaScript 將游標移至input元素 

  window.onload = function() {

    var inputElement = document.getElementById("myInput");

    if (inputElement) { 

       inputElement.focus(); // 使用 focus() 將游標移至input元素

    }

  }; 

</script>