JavaScript中input常⽤⽅法
表单对象常⽤事件:
onfocus:在表单元素收到输⼊焦点时触发;
onblur:在表单元素失去输⼊焦点时触发。
如:⽂本框失去焦点时,以下代码将调⽤myfun()函数。
表单控件元素对象常⽤⽅法
blur()
让光标离开当前元素
focus()
让光标落到当前元素上
select()
⽤于种类为text,textarea,password的元素,选择⽤户输⼊的内容
click()
模仿⿏标单击当前元素
效果展⽰
代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="info">
<h2>填写相关信息</h2>
input绑定onblur事件<form action="" method="post">
<input type="text" name="name" id="name" value="姓名"/>
<br />
<input type="text" name="contact" id="contact" value="QQ或者电话"/> </form>
</div>
<script type="text/javascript">
var inname = ElementsByTagName("input");
for(i =0; i < inname.length; i++){
//使⽤匿名函数
inname[i].onmouseover=function(){
this.focus();
}
inname[i].onfocus=function(){
this.select();
}
}
}
</script>
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。