cancelBubble 的用法

很简单的一题，比如说，现在有一个按钮，有一个div，点击按钮div出现，点击别的地方的时候，div隐藏,

            var oBtn=document.getElementById('btn');var oUl=document.getElementById('ul1');oBtn.οnclick=function(){oUl.style.display='block';};document.οnclick=function(){oUl.style.display='none';}

　　这样显然不行，点击按钮什么也出不来了，很显示，其实他执行过这个事件了，只不过冒泡了，现在我们就需要阻止冒泡，cancelBubble就用上了，cancelBubble和event一起使用，下面看一下代码：

oBtn.οnclick=function(ev){var oEvent=ev||event;oUl.style.display='block';oEvent.cancelBubble=true;
};

　　改成这样就可以了

转载于:https://www.cnblogs.com/wujidns/p/4127501.html

cancelBubble 的用法相关推荐

JS事件及其兼容用法
JavaScript与HTML之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间. 1.事件流:描述的是从页面中接收事件的顺序. IE提出的事件冒泡流:事件开始由最具体的 ...
js基础和部分用法整理
实现垂直水平居中的方式定位 + margin position: absolute;/* 父节点要定位 */ top: 0; bottom: 0; left: 0; right: 0; margin ...
JS事件cancelBubble、event.preventDefault()与event.stopPropagation()简单介绍
推荐看原文:https://blog.csdn.net/iamlegendary/article/details/54409038 cancelBubble用于ie的阻止冒泡事件. event.sto ...
c语言中external，static关键字用法
static用法: 在C中,static主要定义全局静态变量.定义局部静态变量.定义静态函数. 1.定义全局静态变量:在全局变量前面加上关键字static,该全局变量变成了全局静态变量.全局静态变量有 ...
Pandas_transform的用法
先来看一个实例问题. 如下销售数据中展现了三笔订单,每笔订单买了多种商品,求每种商品销售额占该笔订单总金额的比例.例如第一条数据的最终结果为:235.83 / (235.83+232.32+107.9 ...
Python中yield和yield from的用法
yield 后面接的是 future 对象调用方委托生成器 yield from 直接给出循环后的结果 yield from 委托者和子生成器直接通信 yield from 直接处理stopIte ...
pytorch学习中 torch.squeeze() 和torch.unsqueeze()的用法
squeeze的用法主要就是对数据的维度进行压缩或者解压. 先看torch.squeeze() 这个函数主要对数据的维度进行压缩,去掉维数为1的的维度,比如是一行或者一列这种,一个一行三列(1,3)的 ...
python yield 和 yield from用法总结
#例1. 简单输出斐波那契數列前 N 个数 #缺点:该函数可复用性较差,因为 fab 函数返回 None,其他函数无法获得该函数生成的数列 #要提高 fab 函数的可复用性,最好不要直接打印出数列,而 ...
tf.nn.embedding_lookup()的用法
函数: tf.nn.embedding_lookup( params, ids, partition_strategy='mod', name=None, validate_indices=True, ...

cancelBubble 的用法

cancelBubble 的用法相关推荐

最新文章

热门文章