分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

<jQuery> <方法> 十八. 移除事件, 触发事件, 事件对象(阻止冒泡, 阻止跳转)

发布时间:2023-09-06 01:36责任编辑:白小东关键词:jQuery冒泡
<!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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved