Javascript中点击（click）事件的3种写法

最新推荐文章于 2024-08-16 07:34:20 发布

默茉

最新推荐文章于 2024-08-16 07:34:20 发布

阅读量1.4w

点赞数 1

分类专栏： ES6

ES6 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

方法一：

<!DOCTYPE html>
<html>
<head>
	<title>Javascript中点击事件方法一</title>
</head>
<body>
	<button id="btn">click</button>
	<script type="text/javascript">
		var btn = document.getElementById("btn");
		btn.function(){
			alert("hello world");
		}
	</script>
</body>
</html>

**消除事件：（btn.null;）**

方法二：

<!DOCTYPE html>
<html>
<head>
	<title>Javascript中点击事件方法二</title>
</head>
<body>
	<button id="btn">click</button>
	<script type="text/javascript">
		var btn = document.getElementById("btn");
		btn.addEventListener('click',function(){
			alert("hello wrold");
		},false)
	</script>
</body>
</html>

方法三：

<!DOCTYPE html>
<html>
<head>
	<title>Javascript中点击事件方法三</title>
	<script type="text/javascript">
		function test(){
			alert("hello world");
		}
	</script>
</head>
<body>
	<button id="btn" "test()">click</button>
</body>
</html>

原博客地址：https://blog.csdn.net/h5css3_linhuai/article/details/56011582