js中<input>如何获得焦点？

JavaScript077

js中<input>如何获得焦点？,第1张

用自带的focus()就可以了

利用js中<input/>实现文本框默认获取输入焦点完整代码实现如下：

<html>

 

<head>

     

<meta http-equiv="Content-Type" content="text/htmlcharset=ISO-8859-1">

                  <title>Insert title here</title>

   

<script type="text/javascript">       

//输入框获取鼠标焦点       

function autoFocus(){

           

var pFocus = document.getElementById("password")

pFocus.focus()

   

pFocus.select()

   

}    

</script>

 

</head>

 

<body onload="autoFocus()">

     

<div id="loginform">

     

<h1 style="font-size:1.5empadding:20px">输入密码</h1>

     

<form action="${pageContext.request.contextPath}/" method="post">

   

<input id="password" type="password" name="password">

 

<input type="submit" value="提交">

   

</form>

   

</div>

 

</body>

</html>

扩展资料：

JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义 。

参考资料：

JavaScript官方API接口-:focus

百度百科-JavaScript

W3cschool-获得字段焦点

js我的focus获得焦点无效，是参数设置错误造成的，解决方法如下：

1、首先新建一个html文件，创建a标签和两个按钮。

2、然后创建js函数getfocus()。

3、函数获取a标签的焦点。

4、创建js函数losefocus()。

5、函数内容为失去焦点，为按钮添加点击事件触发函数。

6、最后预览效果如图，当点击获取焦点按钮a标签获取焦点，点击失去焦点，焦点消失。

让输入框获取焦点：

方法1：<body onload="document.getElementById('inputId').focus()">

方法2：

function init(){

document.getElementById("inputId").focus()

}

例如：

<body onload="document.getElementById('test').focus()">

我要获取焦点：<input type="text" name="test" id="test">

</body>