js学习-11（addEventListener事件监听）

最新推荐文章于 2023-09-26 19:40:13 发布

琦遇前端ing~

最新推荐文章于 2023-09-26 19:40:13 发布

阅读量852

点赞数 1

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

本文链接：https://blog.csdn.net/qq_42760119/article/details/107551176

版权

事件绑定方式一：

都以点击事件为例

element.onclick = function(){
   
    
}

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<button>按钮</button>
		<script type="text/javascript">
			var btn = document.querySelector("button");
			btn.onclick = function(){
   
				var h1 = document.createElement("h1");
				h1.innerHTML = "helloworld";
				document.body.appendChild(h1);
			}
			//这样写的话，下面这个onclick事件就会替换上面的onclick事件，导致上面的onclick里面的操作不被执行
				btn.onclick = function(){
   
				document.body.style.backgroundColor = "skyblue";
			}
			
		</script>
	</body>
</html>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

琦遇前端ing~

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js学习-11（addEventListener事件监听）

事件绑定方式一：都以点击事件为例element.onclick = function(){ }例如：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button>按钮</button> <script type="text/
复制链接

扫一扫