JavaScript中input常用方法

最新推荐文章于 2023-11-13 14:48:43 发布

「已注销」

最新推荐文章于 2023-11-13 14:48:43 发布

阅读量1.1w

点赞数 5

分类专栏： JavaScript 文章标签： javascript js css

本文链接：https://blog.csdn.net/weixin_43894771/article/details/104796257

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

表单对象常用事件：
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>
			<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">
			window.onload = function() {
				var inname = document.getElementsByTagName("input");
				for (i = 0; i < inname.length; i++) {
					//使用匿名函数
					inname[i].onmouseover = function() {
						this.focus();
					}
					inname[i].onfocus = function() {
						this.select();
					}
				}
			}
		</script>
	</body>
</html>

「已注销」

关注

5
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中input常用方法

表单对象常用事件：onfocus：在表单元素收到输入焦点时触发；onblur：在表单元素失去输入焦点时触发。如：文本框失去焦点时，以下代码将调用myfun()函数。表单控件元素对象常用方法blur()让光标离开当前元素focus()让光标落到当前元素上select()用于种类为text，textarea，password的元素，选择用户输入的内容click()模仿鼠标单击...
复制链接

扫一扫