JavaScript的学习之事件的简介

最新推荐文章于 2024-07-08 21:35:13 发布

花随叶落

最新推荐文章于 2024-07-08 21:35:13 发布

阅读量496

点赞数 7

分类专栏： JavaScript篇文章标签：学习 javascript 前端

本文链接：https://blog.csdn.net/weixin_58573288/article/details/139939344

版权

JavaScript篇专栏收录该内容

11 篇文章 0 订阅

订阅专栏

一、事件是什么

二、如何处理事件

一、事件是什么

定义：事件就是浏览器和用户之间的交互行为。

例如：点击按钮、鼠标移动、关闭窗口等。

二、如何处理事件

我们可以在对应的事件属性中设置一些JS行为，当事件触发的时候会将这些代码执行。

示例代码：

<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<button onclick="alert('不要点我啦！！！')">
			这是一个按钮</button>
		<script>
		</script>
	</head>
	<body>
	</body>
	</body>

</html>

由于在属性里面加入JS，会使得结构和行为耦合，不方便维护，不推荐使用.

可以为按钮的对应事件绑定处理函数的形式来响应事件

代码优化;

<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<button id="btn">
			这是一个按钮</button>
		<script>
			var btn = document.getElementById('btn');
			btn.onclick = function(){
				alert('不要再点啦！！');
			};
		</script>
	</head>
	<body>
	</body>
	</body>

</html>

比较推荐这种方式。

上节学习链接：

JavaScript的学习之DOM简介

感谢大家的学习，一起加油哈！！！

花随叶落

关注

7
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的学习之事件的简介

我们可以在对应的事件属性中设置一些JS行为，当事件触发的时候会将这些代码执行。由于在属性里面加入JS，会使得结构和行为耦合，不方便维护，不推荐使用.可以为按钮的对应事件绑定处理函数的形式来响应事件。定义：事件就是浏览器和用户之间的交互行为。例如：点击按钮、鼠标移动、关闭窗口等。
复制链接

扫一扫