jQuery的return false

最新推荐文章于 2024-07-18 09:30:52 发布

原创最新推荐文章于 2024-07-18 09:30:52 发布 · 687 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

jQuery 专栏收录该内容

4 篇文章

订阅专栏

本文通过一个简单的HTML示例，展示了如何使用JavaScript中的return false或event.preventDefault()来阻止<a>标签的默认行为，如链接跳转或页面刷新。并解释了这两种方法的区别。

<span style="font-size:14px;"><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>测试return false的作用</title>
	<script src="../Scripts/jquery.js"></script>
	<script>
	$(document).ready(function () {
		$("#box").on("click", ".btn", function (event) {
			$(".text").toggle();
			<span style="color:#ff0000;">event.preventDefault();</span>
			<span style="color:#3333ff;">//这里是用来阻止<a>标签的默认打开链接事件，要是不加这句，默认打开链接，当href=""时，刷新当前页
			//用return false也可以，但不规范，因为return只是结束的事件的冒泡，相当于event.stopPropagation()</span>
		});
	});
	</script>
</head>
<body>
	<div id="box">
		<p class="text">这是一段话</p>
		<a href="" class="btn">我不是链接</a>
	</div>
</body>
</html></span>