分享web开发知识

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

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

JQuery_005_取消事件冒泡

发布时间:2023-09-06 02:35责任编辑:傅花花关键词:冒泡
<script> ???????//事件冒泡:元素中有元素,这些元素都有相同的事件,一旦最里面的元素的事件触发了,外面的所有的元素的相同的事件都会被触发 ???????//元素A中有一个元素B,A和B都有点击事件,B点击事件触发,A点击事件自动触发 ???????//取消事件冒泡 ???????//jQuery中 ?return false ???????$(function () { ???????????$("#dv1").click(function () { ???????????????alert("dv1被点了"+$(this).attr("id")); ???????????}); ???????????$("#dv2").click(function () { ???????????????alert("dv2被点了"+$(this).attr("id")); ???????????????//$("body").css("backgroundColor","black"); ???????????}); ???????????$("#dv3").click(function () { ???????????????alert("dv3被点了"+$(this).attr("id")); ???????????????return false;//取消事件冒泡 ???????????}); ???????}); ???</script></head><body><div id="dv1"> ???<div id="dv2"> ???????<div id="dv3"></div> ???</div></div>

JQuery_005_取消事件冒泡

原文地址:https://www.cnblogs.com/YSeventeen/p/10525498.html

知识推荐

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