JavaScript-绑定事件的三种方式（原生方式和bind方法）

最新推荐文章于 2022-09-16 11:43:58 发布

唱给你听、

最新推荐文章于 2022-09-16 11:43:58 发布

阅读量450

点赞数

本文链接：https://blog.csdn.net/zzxv587/article/details/90755262

版权

本文介绍了JavaScript中绑定事件的三种方式：直接在标签中绑定、使用原生JavaScript代码和JQuery对象的方法（包括click和bind）。详细讨论了bind方法的单个事件与多个事件绑定，并涉及事件取消绑定的实现，通过示例代码展示了各种操作的效果。

摘要由CSDN通过智能技术生成

事件绑定的三种方式

第一种
- 直接在标签中绑定事件
第二种
- 1. 原生JavaScript代码实现
- 2. 使用JQuery对象转换成JavaScript对象实现
第三种

第一种

直接在标签中绑定事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
	<script>
		function test() {
   
			alert("delete");
		}
	</script>
	<body>
		<a href="#" onclick="test()">删除</a>	
	</body>
</html>

结果
在这里插入图片描述

第二种

使用JavaScript对象绑定事件

1. 原生JavaScript代码实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
	<body>
		<a id="deleteA" href="#"&