<!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>
<jQuery> <方法> 十八. 移除事件, 触发事件, 事件对象(阻止冒泡, 阻止跳转)
原文地址:https://www.cnblogs.com/ZeroHour/p/8278633.html