Html的一些小东西

最新推荐文章于 2022-03-23 19:55:42 发布

weixin_30598225

最新推荐文章于 2022-03-23 19:55:42 发布

阅读量113

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Aldebaran/archive/2008/08/21/1273199.html

本文详细介绍了Event.cancelBubble属性的使用，该属性用于设置或获取当前事件是否应在事件处理程序的层级中冒泡。通过示例代码展示了如何使用Event.cancelBubble来阻止事件冒泡到父元素，这对于理解事件传播机制和实现特定的DOM操作非常有用。

Event

cancelBubble
设置或获取当前事件是否要在事件句柄中向上冒泡。

Sets or retrieves whether the current event should bubble up the hierarchy of event handlers.

function checkCancel() {

if (window.event.shiftKey) //只要你按着shift键，就不会再触发BODY 的onclick了

window.event.cancelBubble = true;

}

function showSrc() {

if (window.event.srcElement.tagName == "IMG")

alert(window.event.srcElement.src);

}

</SCRIPT>

用途：阻止父控件或以上级控件触发相应事件

转载于:https://www.cnblogs.com/Aldebaran/archive/2008/08/21/1273199.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30598225

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？

努力是为了站在万人之中，成为别人的光

07-05

26万+

HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/

使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序

努力是为了站在万人之中，成为别人的光

07-25

4万+

今天我将使用 Weather 和 Unsplash API 以及倾斜效果和玻璃形态外观创建凉爽的天气应用程序 ⛅ Weather.io ☔⚓ 第 1 步 - 设置环境并收集所有资源第 2 步 - 从 index.html 开始第 3 步 - 设置索引文件的样式第 4 步 - 获取 Weather API 和 Unsplash API 密钥第 5 步 - 从 JavaScript 编码开始第 6 步 - 免费托管您的网站！

参与评论您还未登录，请先登录后发表或查看评论

HTML5实现的捡东西游戏

11-15

由html5开发的可兼容移动设备的小游戏，捡大米，默认刚出来是一个小人，等捡到东西满了更换小人，，积分和时间都还没调过来，可以自己根据需求调。

HTML一些小东西

ASP.NET的博客

04-19

312

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <p> 密&#12288码:<input type="password" name="pwd" id="pwd" placeholder="

HTML 的 head标签里面装的小东西

人生苦短，我用python

12-19

133

HTML&CSS的常用小东西

m0_58803171的博客

03-01

//建文件夹时记得把打开的文件关掉，避免出现不能创建文件夹到想要的位置 // background-size: cover; 背景图片不合适div大小，设置cover属性刚好铺满！ //sprite(精灵，雪碧）网上搜索sprite animation 一堆动画效果图animation（动画） //box$*3 生成box1 box2 box3 三个div类名就是那个 //网页代码内容越多，加载速度越慢，所以需要压缩，一些不需要的如注释，以及换行啥的得删除在vscode工具里下载Js&CS..

一些有意思的HTML 知识

★ 喜欢看海 ★

12-08

2075

一些有意思的HTML 知识1. var oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址

html5小游戏接水果

09-18

HTML5小游戏“接水果”是基于网页技术开发的一款娱乐应用，它模仿了Android平台上流行的小游戏，让玩家在网页环境中也能享受到类似的游戏体验。HTML5是超文本标记语言的第五个版本，它引入了许多新的特性和功能，极...

HTML入门与进阶以及HTML5

热门推荐

wuyxinu的博客

12-12

38万+

目录一、简介 1、前端开发最核心技术（1）HTML是什么？（2）CSS （3）JavaScript 2、前端开发其他技术二、基础内容 1.基础总结 2.HTML的基本标签 (1)HTML标签 (2)head标签 (3)body标签 3、段落与文字 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、块元素和行内元素 (五)、练...

使用 HTML、CSS 和 JS 创建在线音乐播放器(含免费完整源码)

努力是为了站在万人之中，成为别人的光

09-13

4万+

直接跳到末尾获取完整源码今天我将带着大家使用 HTML、CSS 和 JS创建音乐播放器，没有使用任何其他库。我们的音乐播放器具有三个部分。主屏幕、播放器部分和播放列表部分。我们的主页部分有一个平滑的工作滑块，也有水平滚动。这个音乐播放器最好的部分是它最小化了音乐播放器。是的，您可以最小化和最大化播放器本身。使这个项目成为一个很棒的音乐播放器。 ❤️使用 HTML、CSS 和 JS 创建在线音乐播放器❤️???? 在线演示地址???? 完整代码结构???? home-section 首页部分???

事件冒泡之cancelBubble和stoppropagation的区别

iammarrio的博客

10-20

2万+

事实上stoppropagation和cancelBubble的作用是一样的，都是用来阻止浏览器默认的事件冒泡行为。不同之处在于stoppropagation属于W3C标准，试用于Firefox等浏览器，但是不支持IE浏览器。相反cancelBubble不符合W3C标准，而且只支持IE浏览器。所以很多时候，我们都要结合起来用。不过，cancelBubble在新版本chrome,opera浏览器

event.cancelBubble与event.stopPropagation()

front_end_fan

10-23

1113

在火狐Firefox、opera、IE下阻止冒泡事件是不同的代码的，火狐下使用的是event.stopPropagation()，而IE下使用的是cancelBubble，jQuery 可以使用e.stopPropagation()就可以兼容了，如果是纯粹的JavaScript需要下面的代码来统一： if (event.stopPropagation) { // Mozilla and Opera

关于event.cancelBubble－JS时间冒泡

fafa211的专栏

02-09

2164

由于HTML中的对象都是层次结构，比如一个Table包含了多个TR，一个TR包含了多个TD Bubble就是一个事件可以从子节点向父节点传递，比如鼠标点击了一个TD，当前的event.srcElement就是这个TD，但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件，但是如果你event.cancelBubble，则就不能上传事件。例子：一般阻止消息上传

event.stopPropagation/event.preventDefault()/event.cancelBubble等Event属性含义

Mybells

03-23

1066

Event 接口表示在 DOM 中出现的事件。 event.bubbles event.cancelable event.defaultPrevented Event.cancelBubble event.preventDefault() event.stopImmediatePropagation(); event.stopPropagation();

event.cancelBubble的理解

qq_731445005的博客

03-13

2632

关于event.cancelBubble由于HTML中的对象都是层次结构，比如一个Table包含了多个TR，一个TR包含了多个TD Bubble就是一个事件可以从子节点向父节点传递，比如鼠标点击了一个TD，当前的event.srcElement就是这个TD，但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件，但是如果你event.cancelBubble，则就不能上传事件。例子： ...

这是一个简单的小东西——用html做Diy书签

qq_37755690的博客

03-04

3591

无聊用html做了一个书签，效果图代码截图

Vulnerability Wiki 是一个致力于构建全面、系统、多维度的漏洞知识共享平台，涵盖从Web应用、系统内核、