javascript 停止事件冒泡以及阻止默认事件冒泡
停止事件冒泡
function stopBubble(e) {// 如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation ) {// 因此它支持W3C的stopPropagation()方法 e.stopPropagation();} else { // 否则,我们需要使用IE的方式来取消事件冒泡window.event.cancelBubble = true;}
阻止事件冒泡
function stopDefault( e ) {// 阻止默认浏览器动作(W3C)if ( e && e.preventDefault ) {e.preventDefault();} else {// IE中阻止函数器默认动作的方式window.event.returnValue = false;}return false;}
以上方法对于我们日常的JavaScript 提示会有帮助。
javascript 停止事件冒泡以及阻止默认事件冒泡相关推荐
- JavaScript事件冒泡、事件捕获和阻止默认事件
谈起JavaScript的 事件,事件冒泡.事件捕获.阻止默认事件这三个话题,无论是面试还是在平时的工作中,都很难避免. 冒泡篇 先来看一段实例: js: var $input = document. ...
- 简单解析JavaScript的默认事件及如何阻止默认事件
简单解析JavaScript的默认事件及如何阻止默认事件 上篇文章就提到,在JavaScript中提到事件冒泡两个必不可少也要提的就是事件捕获和默认事件,现在来聊一聊什么是默认事件,及如何阻止默认事件 ...
- JS、Vue、React阻止事件冒泡及阻止默认事件
JS阻止事件冒泡及阻止默认事件解决方案: 1.event.preventDefault -- 阻止默认 Event 接口的 preventDefault()方法,告诉user agent:如果此事件没 ...
- Js阻止事件冒泡和阻止默认事件
js中阻止事件冒泡,阻止默认事件的方法,理解stopPropagation(),preventDefault(),return false的区别 1.event.stopPropagation()方法 ...
- 阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别
今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时 ...
- vue阻止冒泡和阻止默认事件
// An highlighted block <div @click.stop="doSomething()">vue阻止事件冒泡</div><di ...
- Js阻止事件冒泡与阻止默认事件
1.event.stopPropagation()方法 event.stopPropagation()方法阻止事件冒泡到父元素,阻止任何父事件处理程序被执行.不让事件向document上蔓延,但是默认 ...
- 阻止事件冒泡和阻止默认事件的方法
1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向document上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开 ...
- Vue和Js的阻止事件冒泡和阻止默认事件方法
原生js取消事件冒泡 try{e.stopPropagation();//非IE浏览器}catch(e){window.event.cancelBubble = true;//IE浏览器} 原生js阻 ...
- 事件(阻止事件传播、阻止默认事件、事件源对象、事件委托)
阻止事件传播 阻止事件传播e.stopPropagation() 谷歌浏览器 阻止事件传播(冒泡阶段) var oBig = document.getElementById('big');var oS ...
最新文章
- PPT 下载 | 神策数据刘乐:智能推荐驱动业务增长应用与实践
- 简述ajax的优缺点
- J. Product of GCDs(莫比乌斯反演)(2021牛客暑期多校训练营2)
- django定时任务
- LeetCode 742. 二叉树最近的叶节点(建立父节点信息+BFS)
- 邯郸学院计算机科学与技术录取分,邯郸学院录取分数线2021是多少分(附历年录取分数线)...
- IDEA+Maven:cannot download sources
- 巧用PHP双$功能兼容线上线下配置文件
- 2018计算机核心期刊,2018中国科技核心期刊目录!!!!
- 金鹰dreamweaver视频教程下载地址
- 如何使用ansible管理多台远程服务器
- 短视频询盘获客系统/源码搭建
- elastic-search学习笔记
- vue3.0在线编辑器codemirror开发
- 李宏毅机器学习(22)
- Linux0.11系统调用之execve流程解析
- 关于保险和理财,我是这么看的
- 阿里云部署SpringBoot项目
- webcam错误解决方法
- 计算机科学和统计专业排名,2021统计学专业大学排名 哪个学校最好
热门文章
- 使用Mysql工具进行数据清洗
- Laravel源码解析之Response
- ios文件连接服务器无法写入,iOS写入数据到文件中
- “请别再说‘华商网不重视技术’”
- [20151112]ORA-01450?3215?.txt
- 使用SQL Server 2005作业设置定时任务
- 修改am335x 制作android sd启动卡的bug
- 睡觉时,禁带6种东西,最后一点最严重,可能致命
- 在单位用oracle备份到磁带的脚本(看不明白的地方交流)
- 学php应该怎么学习数学,数学是怎样学好的 零基础怎么自学数学