<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>RayLee</p>
<p>RayLee</p>
<p>RayLee</p>
<input type="button" value="触发" id="btn">
<input type="button" value="事件对象" id="btn1">
<a href="http://www.baidu.com" id="link">跳转</a>
<script src="jquery-3.2.1.js"></script>
<script>
$(function () {
// 注册事件
$("p").on("click", function () {
alert("hehe");
});
// 移除所有事件
// $("p").off();
// 触发事件
// $("#btn").click(function () {
// $("p").click();
// $("p").trigger("click");
// })
// 事件对象, e就是事件对象
$("#btn1").on("click", function (e) {
console.log(e);
});
// 阻止冒泡和阻止浏览器的默认行为
$("#link").on("click", function (e) {
alert("aaa");
// 阻止跳转
e.preventDefault();
// 阻止冒泡
e.stopPropagation();
})
$("#link").on("click", function (e) {
alert("bbb");
});
});
</script>
</body>
</html>
原文地址：https://www.cnblogs.com/ZeroHour/p/8278633.html
时间： 2024-10-25 19:01:10