欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-02-21 12:29:37
主要是用于获取焦点,自动把光标放到此组件上面,无须用户再次操作。 示例: 输入超过50字符长度的内容,会弹出一个提示对话框。当你点击确定之后,光标会自动回到输入框位置。这就是focus()的作用。 ......

主要是用于获取焦点,自动把光标放到此组件上面,无须用户再次操作。

示例:

<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()的作用。