前端基础 - JavaScript之表单获取焦点及失去焦点

最新推荐文章于 2022-06-23 16:15:35 发布

杨林伟

最新推荐文章于 2022-06-23 16:15:35 发布

阅读量2.9k

点赞数 1

分类专栏： # 前端基础

本文链接：https://blog.csdn.net/qq_20042935/article/details/88352186

版权

前端基础专栏收录该内容

70 篇文章 3 订阅

订阅专栏

表单获取焦点及失去焦点

方法：

获取焦点方法： onfocus（）
失去焦点方法： onblur（）

效果图如下：
在这里插入图片描述

代码如下：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function userNameOnFocus() {
				alert("用户名获取焦点");
			}

			function passOnBlur() {
				alert("密码失去焦点");
			}

			function login() {
				alert("登录");
			}
		</script>
	</head>

	<body>

		<table>
			<tr style="clear: both;">
				<td>用户名：</td>
				<td><input id="userName" "userNameOnFocus()"></td>
			</tr>
			<tr>
				<td>密码：</td>
				<td><input id="passWord" "passOnBlur()"></td>
			</tr>
			<tr>
				<td colspan="2"><input type="submit" value="登陆" "login()" /> </td>
			</tr>

		</table>

	</body>

</html>