事件之其他用法(自定义事件、命名空间、多个事件绑定)

最新推荐文章于 2021-04-28 18:59:03 发布

csdn_yqf1994

最新推荐文章于 2021-04-28 18:59:03 发布

阅读量168

点赞数

分类专栏： Zepto

本文链接：https://blog.csdn.net/CSDN_yqf1994/article/details/89228839

版权

Zepto 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport">
	<title>事件之其他用法</title>
</head>
<body>
	<div style="font-size: 36px;">点击我~~</div>
	<script type="text/javascript" src="../../lib/zepto.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			自定义事件
			$("div").bind("muke", function(){
				console.log("触发自定义事件");
			});
			$("div").trigger("muke");

			命名空间
			$("div").bind("click", function(){
				console.log("我是普通的click事件");
			})
			$("div").bind("click.muke", function(){
				console.log("我是click.muke的事件");
			})

			$("div").unbind(".muke");
			
			绑定多个事件  touchstart主要用在移动端
			$("div").bind("click", function(){
				console.log(111)
			}).bind("touchstart", function(){
				console.log(222)
			})

			
		});
	</script>
</body>
</html>

csdn_yqf1994

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
事件之其他用法(自定义事件、命名空间、多个事件绑定)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport"> <title>事...
复制链接

扫一扫