js堅持不懈之11:focus()方法

踏破凌霄城發表於2019-02-12

主要是用於獲取焦點,自動把游標放到此元件上面,無須使用者再次操作。

示例:

<html>
<head>
<p>1. 長度限制</p>
<form name=a onsubmit="return test()"> 
<textarea name="b" cols="40" rows="6" placeholder="不能超過50個字元!"></textarea>
<br /> 
<input type="submit" name="Submit" value="check"> 
</form>

<script language="javascript"> 
function test() 
{ 
if(document.a.b.value.length>50) 
{ 
alert("不能超過50個字元!"); 
document.a.b.focus(); 
return false; 
}
} 
</script>
</body>

</html>

輸入超過50字元長度的內容,會彈出一個提示對話方塊。當你點選確定之後,游標會自動回到輸入框位置。這就是focus()的作用。

相關文章