阻止某个事件的起泡

1、empty() 方法从被选元素移除所有内容，包括所有文本和子节点。

$("p").empty();

2、e.stopPropagation(); 阻止一个事件起泡(body内的元素点击，不触发body事件)

【我的需求是手动来控制某个div的显示与隐藏，需要的操作就是当我点击出了那个div之外时，这个div隐藏，当然是选择了body，但是当我点击这个div本身的时候，此div也是属于body范围的，所以就这个操作就相当于执行了两次，所有必须来阻止触发后者】

例： $(".pindao").click(function (e) {

e.stopPropagation(); //阻止触发body事件

时间： 2024-10-14 04:17:21

阻止某个事件的起泡的相关文章

冒泡事件阻止冒泡事件

什么是冒泡事件? 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发.这一过程被称为事件冒泡:这个事件从原始元素开始一直冒泡到DOM树的最上层. 举个栗子: 1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <title>阻止冒泡</title> 4 <script src="script/jquery-1

点击tr实现选择checkbox功能，点击checkobx的时候阻止冒泡事件， jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态

给tr添加点击事件,使用find方法查找tr下的所有层级的元素,children只查找下一层级的元素,所以使用find.find的返回值为jquery对象,在这个项目中不知道为什么使用jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态,所以我就把jquery对象转换为DOM对象,怎么转呢?jquery对象[0]或者get(0)就转换成DOM对象,然后直接.checked返回true或false就可以判断checkbox是否选中了.然后判断状

阻止默认事件发生的方法

在事件处理函数中,添加return false; 标准浏览器中用的是事件对象.preventDefault() IE低版本浏览器的写法:window.event.returnValue = false; 兼容各种浏览器的写法: if(evt.preventDefault) { evt.preventDefault(); //标准浏览器的阻止默认事件的写法 } else { evt.returnValue = false; //IE低版本浏览器的写法 } 3 超链接a,除了具有以上两种阻止默认事

阻止右键菜单（阻止默认事件）&&跟随鼠标移动（大图展示）&&自定义右键菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

通过阻止 touchstart 事件，解决移动端的 BUG

在 iOS10 下,即使设置了 meta 标签的 user-scalable=no 依然不能阻止用户缩放. 解决此 BUG 的方法是阻止 PC 事件: document.addEventListener('touchstart', function(ev) { ev.preventDefault(); }); 另外,此方法还能解决 iOS10 中横向页面溢出,即使给 body 设置了 overflow:hidden 依然能横向滑动的问题. 不过添加了此事件后会阻止 iOS10 的橡皮筋效果,另外

阻止默认事件event.preventDefault();

阻止浏览器默认事件.什么是默认事件,例如浏览器默认右键菜单.a标签默认连接跳转...,如何阻止呢? Firefox中,event必须作为参数传入. IE中,event是window对象的属性. event.preventDefault();方法用于取消默认事件,但是不兼容IE,在IE下,要用event.returnValue=false;来处理. document.oncontextmenu=function (ev) { var oEvent=ev||event; if (oEvent.pr

javascript事件之：事件冒泡，事件捕获，阻止默认事件

谈起JavaScript的事件,事件冒泡.事件捕获.阻止默认事件这三个话题,无论是面试还是在平时的工作中,都很难避免. 冒泡篇: 先来看一段实例: js: var $input = document.getElementsByTagName("input")[0]; var $div = document.getElementsByTagName("div")[0]; var $body = document.getElementsByTagName("

阻止jQuery事件冒泡

Query对DOM的事件触发具有冒泡特性.有时利用这一特性可以减少重复代码,但有时候我们又不希望事件冒泡.这个时候就要阻止 jQuery.Event冒泡. 在jQuery.Event 的文档中的开头得知,jQuery.Event对象是符合W3C标准的一个事件对象,同时jQuery.Event免去了检查兼容IE的步骤. jQuery.Event提供了一个非常简单的方法来阻止事件冒泡:event.stopPropagation(); Js代码 $("p").click(functio

阻止默认事件

阻止默认事件的代码是什么样子的呢? $("a").click(function(event){ event.preventDefault(); }); 类似于这种但是这个是jquery的写法 js的和这个一样最重要的是函数中加了一个event 然后 event.preventDefault(); 这行代码那么他们有什么用呢看上边代码中你就知道如果你的body中有一个a标签并且你的a标签是有链接的那么这个时候你就会发现无法跳转对就是无法