JavaScript(14) jquery三种点击事件(click、on、bind)

最新推荐文章于 2024-07-30 11:51:58 发布

郑清

最新推荐文章于 2024-07-30 11:51:58 发布

阅读量1w

点赞数 1

分类专栏： ❶、JavaScript 文章标签： click on bind

本文链接：https://blog.csdn.net/qq_38225558/article/details/83795525

版权

❶、JavaScript 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>添加点击事件</title>
		<script type="text/javascript" src="js/jquery/jquery-1.11.2.js"></script>
		<script type="text/javascript">
			$(function(){
				//方式①  
				$("#clickBtn").click(function(){
					alert(1);
				})
				
				//方式②：  支持事件冒泡(兼容性非常好)
				$("#clickBtn").on("click",function(){
					alert(2);  
				}); 
				$("#clickBtn").off("click"); //注销事件
				
				//方式③：
				$("#clickBtn").bind("click",function(){
					alert(3);
				}); 
				//$("#clickBtn").unbind("click"); //注销事件
			});
		</script>
	</head>
	<body>
		<input type="button" id="clickBtn" value="点我">
	</body>
</html>

运行效果：