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

JavaScript040

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-获得字段焦点

var

t1=document.getElementById("txt1")

function

isFocus(){

if(document.activeElement.id=='txt1'){

alert('txt1获得焦点')

}

else{

alert('txt未获得焦点')

}

}

isFocus()寻找获取到焦点的元素是否和要判断的元素是不是同一个元素

焦点处理主要包括focus（获取焦点）和blur（失去焦点）事件类型。

1、获取焦点：focus，当单击或使用Tab键切换到某个表单元素或超链接对象时，会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下，整个文档处于焦点状态，但是单击或者使用Tab键可以改变焦点位置。

2、失去焦点：blur，blur事件类型表示在元素失去焦点时响应，它与focus事件类型是对应的，主要作用于表单元素和超链接对象，示例：输入框失去点击焦点时，会在文本框后面提示“请输入11位手机号。。。”，并且输入内容是非数字时，会提示“请输入数字。。。”