JavaWeb - JS事件 -详细解说

最新推荐文章于 2023-05-30 20:58:21 发布

§九千七§

最新推荐文章于 2023-05-30 20:58:21 发布

阅读量184

点赞数

分类专栏： JavaWeb 文章标签： java js javascript

本文链接：https://blog.csdn.net/chuli0327/article/details/109280874

版权

本文详细介绍了JavaScript事件，包括事件驱动机制、七种常见事件（点击、焦点、内容改变、加载完毕、表单提交、键位弹起、鼠标事件）以及两种事件绑定方式（元素句柄和DOM绑定）。焦点事件的onfocus和onblur，表单提交的onsubmit事件，以及键位弹起的onkeyup事件等关键概念被详细阐述。

摘要由CSDN通过智能技术生成

JS事件

1.简述

是什么：通常鼠标或热键的动作我们称之为事件(Event)，eg：点击，表单提交，值发生变化，鼠标移入，鼠标移出

作用：通过JS事件，我们可以完成页面的指定特效

2.JS事件驱动机制

页面上的特效我们可以理解在JS事件驱动机制下进行

JS事件驱动机制

事件源：专门产生事件的组件

事件：由事件源所产生的动作或事情

监听器：专门处理事件源产生的事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>事件驱动机制</title>
		<script>
			function run(){
				alert("ziqi");
			}
		</script>
	</head>
	<body>
		<!-- 
			事件源 ：按钮
			事件 ： 点击事件 onclick
			监听器 ：run（）方法
			注册监听器：onclick = "run()"
		-->
		<input type="button" value="one" onclick="run()" />
	</body>
</html>

3.七种常见的JS事件

1.点击事件 ( onclick ) ：由鼠标或热键点击元素组件时触发

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function run1(){
				alert("弹出框");
			}
		</script>
	</head>
	<body>    <!-  文本域点击事件-->
		<input type="text" onclick="run1()"/>
	</body>
</html>

2.焦点事件

焦点&#

最低0.47元/天解锁文章

§九千七§

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaWeb - JS事件 -详细解说

JS事件1.简述是什么：通常鼠标或热键的动作我们称之为事件(Event)，eg：点击，表单提交，值发生变化，鼠标移入，鼠标移出作用：通过JS事件，我们可以完成页面的指定特效2.JS事件驱动机制页面上的特效我们可以理解在JS事件驱动机制下进行 JS事件驱动机制事件源：专门产生事件的组件事件：由事件源所产生的动作或事情监听器：专门处理事件源产生的事件注册...
复制链接

扫一扫