JS:事件-CSDN博客

本文链接：https://blog.csdn.net/qq_37252519/article/details/103755341

https://www.w3school.com.cn/jsref/dom_obj_event.asp

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

<button id="btn" onclick="alert('点我干嘛');">我是一个按钮</button><!-- 写在里面不好维护 -->

事件就是用户和浏览器之间的交互行为
比如：点击按钮、鼠标移动、关闭窗口

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 我们可以在事件对应的属性中设置一些JS代码，这样当事件被触发时，这些代码会执行 -->
		<button id="btn" onclick="alert('点我干嘛');">我是一个按钮</button><!-- 写在里面不好维护 -->
		<script type="text/javascript">
			/*
			事件就是用户和浏览器之间的交互行为
			比如：点击按钮、鼠标移动、关闭窗口
			*/
		   /*
		   可以为按钮的对应事件绑定处理函数的形式来响应事件
		   */
		  var btn = document.getElementById("btn");
		  //绑定一个单击事件
		  //像这种为单击事件绑定的函数，我们称为单机响应函数
		  btn.onclick = function(){//响应函数
			  alert("你还点");
		  }
		</script>
	</body>
</html>