js讓文字框獲取焦點程式碼

antzone發表於2017-03-21
JS

讓文字框獲取焦點是常用的操作，比如在表單驗證中，如果文字框內容不符合規範，通常讓它獲取焦點，然後再進行相應的操作，下面就通過實力程式碼介紹一下如何讓文字框獲取焦點。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<script type="text/javascript"> 
window.onload=function(){
  var username=document.getElementById("username");
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    if(username.value==""){
     alert("文字框不能為空");
     username.focus();
     return false;
    }
  }
}
</script> 
</head> 
<body> 
<form>
<input type="text" name="username" id="username"/>
<input type="button" id="bt" value="提交表單"/>
</form>
</body> 
</html>

以上程式碼實現了我們的要求，點選按鈕之後，如果文字框為空，則彈出提示，並且使文字框獲取焦點。

focus()可以參閱javascript text.focus()方法一章節。 

相關文章