js阻止冒泡事件和默认事件
event.stopPropagation();这个event要通过参数传递过来,不然可能有的浏览器(比如火狐)不能识别event
要像这么写:
οnclick="init.toggleUserInfo(this,event)"
init.toggleUserInfo=function(target,event){
event.stopPropagation();//阻止冒泡
}
阻止默认事件
init.toggleUserInfo=function(event){
event.preventDefault();
};
<a href="http://www.baidu.com">点我</a>
document.getElementByTagName("a").addEventListener("click",function(e){e.preventDefault()},false);
这样a标签不会跳转了
(仅供参考)
js阻止冒泡事件和默认事件相关推荐
- JS阻止冒泡和元素默认事件
JS阻止冒泡和元素默认事件 文章目录 JS阻止冒泡和元素默认事件 1.JS阻止冒泡 :stopPropagation() 2.阻止元素默认事件行为 preventDefault() onclick + ...
- JS阻止冒泡和取消默认事件(默认行为)
阻止事件冒泡 function stopPropagat(e) {if (e && e.stopPropagation) {e.stopPropagation();//标准浏览器} e ...
- js阻止子元素事件_JS阻止冒泡和取消默认事件(默认行为)-前端开发博客
js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播.使用event.preventDefault()可以取消默认事件.对于冒 ...
- JavaScript阻止冒泡和取消默认事件(默认行为)
JavaScript冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播.使用event.preventDefault()可以取消 ...
- jQuery阻止冒泡和HTML默认操作
jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发. jQuery是一个快捷简便的JavaScript框架,说 ...
- js阻止冒泡事件发生(react)
其实就两个函数 event: MouseEvent event.preventDefault(); event.stopPropagation(); 事件冒泡和事件捕获 event.stopPropa ...
- 设置网页右键点击,并阻止右键点击默认事件
设置网页右键点击,并阻止右键点击默认事件 //为当前文档添加鼠标右击事件,防止默认的右击菜单弹出 document.oncontextmenu=Youji; function Youji(){aler ...
- js阻止冒泡的方式-完整版
js阻止冒泡的方式-完整版 直接讲结论: 1.原生js 两种方式绑定事件 onclick 和 addEventListener 阻止冒泡的唯一方式为 var e = window.event || a ...
- js阻止冒泡,兼容写法。
有几次遇到a链接里面包含click点击方法,这时候会触发click事件,还会触发a链接跳转.这时候就需要阻止冒泡了. 添加 event.stopPropagation(); 就可以了.在chrome上 ...
- js 阻止冒泡事件和默认事件
阻止事件冒泡 window.enent ? window.enent.cancelBubble = true : e.stopPropagation()function stopBubble(even ...
最新文章
- npm导入bootstrap_vue cli3.0如何通过npm引入jquery和bootstrap?
- c# Pdf 转换图片
- cms是什么意思啊_GC 知识点补充——CMS
- 【云计算】6_云数据库产品介绍
- effectiveJava(5)消除过期的对象引用
- 三相逆变器双pi控制器参数如何调节_Boost 变换器 PI参数设计举例
- 接口测试客户端的搭建
- java中如何传递参数给控制器_如何使用ui-router中的ui-sref将参数传递给控制器
- z变换解差分方程例题_某些常见微分方程的一般解法(工具向)
- ibm ilog mysql_开源纯C日志函数库iLOG3快速入门(八、如果你喜欢简单日志函数甚于日志函数库)...
- 基于comsol软件的三维单模光纤模拟
- 社团管理系统用c语言,C语言高校社团管理系统设计报告稿件.doc
- “大狼狗加密专家”使用简介
- kuka机器人三种运动编程
- 利用Arcgis Engine 二次开发的使用和总结
- 浪潮服务器NF5280m5 配置,raid和系统 安装纪录
- 高通骁龙X55 5G modem信息图和骁龙X55调制解调器简介
- 基于PHP+小程序(MINA框架)+Mysql数据库的干洗店洗衣小程序系统设计与实现
- 使用 zx 编写在 Node 中编写 Bash 脚本
- 接手了一座年收入 2000 万美元的“屎山”,我到底该重写还是跳槽?
热门文章
- 《仙剑奇侠传》-酒剑仙
- 华为linux输入法,华为手机输入法隐藏7大不为人知的功能,非常规操作,实用又强大!...
- 如何看待网传华中科技大学计算机学院陈**教授十年博导,无一博士毕业?
- 香港科技大学(广州)功能枢纽手册
- ActionScript编辑器
- 剑网3手游微信52服务器灵霄峡,剑网3指尖江湖灵霄峡怎么进入 灵霄峡进入详解...
- vue表单验证,多种校验规则
- EXCEL如何将文本公式转为计算结果
- 沉默不是代表我的错 ---犯错
- pwd命令,cd命令的使用方法