如何给HTML元素添加事件

最新推荐文章于 2023-09-07 16:43:10 发布

酒话�

最新推荐文章于 2023-09-07 16:43:10 发布

阅读量188

点赞数

本文链接：https://blog.csdn.net/x_j_k_jysg/article/details/107402942

版权

1、第一种方式：直接添加

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

2、第二种方式

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

3、第三种方法

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

酒话�

关注

0
点赞
踩
0

收藏

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

1、第一种方式：直接添加<!DOCTYPE html><html> <head> <script> <meta charset="UTF-8"> <title></title> function test(){ console.log("1"); } </script> </head> <body>
复制链接

扫一扫