如何为HTML元素添加事件

最新推荐文章于 2024-04-29 17:01:02 发布

Wwwwww~

最新推荐文章于 2024-04-29 17:01:02 发布

阅读量573

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/bravery__/article/details/107403078

版权

1.直接通过onclick属性绑定函数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function test(){
				console.log("HelloWorld");
			}
		
		</script>
	</head>
	<body>	
		<input type="button" value="按钮" onclick="test()" />			
	</body>
</html>

2.通过id调用onclick进而调用相应函数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>	
		<input type="button" value="按钮" onclick="test()" />
		<script>
			document.getElementById("click").onclick=function(){
				console.log("HelloWorld");
			}
		</script>			
	</body>
</html>

3.添加事件监听

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
	</head>
	<body>	
		<input type="button" value="按钮" id="button"/>
		<script>
			document.getElementById("button").addEventListener("click",function(){
				console.log("HelloWorld");
			});
		</script>
	</body>
</html>

优惠劵

Wwwwww~

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
如何为HTML元素添加事件

1.直接通过onclick属性绑定函数<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function test(){ console.log("HelloWorld"); } </script> </head> <body>
复制链接

扫一扫