js事件冒泡与jq的live事件

最新推荐文章于 2020-05-30 17:30:53 发布

swweb

最新推荐文章于 2020-05-30 17:30:53 发布

阅读量1.5k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/swweb/article/details/8838854

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<script type="text/javascript" src="./jquery.js"></script>
<body>
<div>
	<ul>
		<li class="li_click">
			asdfasdfasd
			<a href="javascript:;" class="a_click">abc</a>
		</li>
	</ul>
</div>
</body>
<script type="text/javascript">
	function test(){
		alert('a')
	}
	function li_test(){
		alert('li')
	}
	function ul_test(){
		alert('ul')
	}
	$("a").live("click", function(){
		test();
		return false;
	});
	function body_test() {
		alert('body');
	}
	$(".li_click").click(function(){
		li_test();
	});
	$(".a_click").click(function(){
		test();
	});
	$("ul").click(function(){
		ul_test();
	});
	$("body").click(function(){
		body_test();
	})
</script>

js和jquery绑定事件,jq是live是绑定在body上面的.最后执行,Js首先向下捕获,捕获到点击的元素,在从点击的元素向上冒泡,如果用jq的live,则事件将被绑定到body元素上,最后执行.上面例子可以测试下!

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

swweb

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js事件冒泡与jq的live事件

asdfasdfasd abc function test(){ alert('a') } function li_test(){ alert('li') } function ul_test(){ alert('ul') } $("a").live("click", function(){ test(); return false; })
复制链接

扫一扫