js中阻止冒泡与默认事件

在一些情况下，我们必须阻止冒泡，或者是要阻止浏览器的默认事件，方便操作，简单代码如下：

阻止冒泡：

　　function stopBubble(ev)

　　{

　　　　if(ev&&ev.stopPropagation);//非IE下，DOM2

　　　　{

　　　　　　e.stopPropagation();

　　　　} else {

　　　　　　window.event.cancelBubble=true;//IE下

　　　　}

　　}

阻止默认事件：

function stopDefault(ev)

{

　　if(ev&&ev.preventDefault)

　　{

　　　　ev.preventDefault();

　　} else {

　　　　window.event.returnValue = false;//IE

　　}

}

时间： 2024-10-08 06:08:05

js中阻止冒泡与默认事件的相关文章

js中阻止冒泡与浏览器默认行为

阻止冒泡: 1 function stopPro(e){ 2 //如果提供了事件对象,则这是一个非IE浏览器 3 if ( e && e.stopPropagation ) 4 //因此它支持W3C的stopPropagation()方法 5 e.stopPropagation(); 6 else 7 //否则,我们需要使用IE的方式来取消事件冒泡 8 window.event.cancelBubble = true; 9 } 阻止浏览器默认行为 1 functon preDefault(

基本event封装：阻止冒泡、默认事件等

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <div id="box"> <input type="button" value="按钮3" id="btn3"> <a href="http://www.so

js中阻止事件冒泡和浏览器默认行为

在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的为冒泡型事件触发机制,所以会触发你不想触发的事件.那么通过如下的函数可以解决这个问题.[兼容IE和FF] 1.阻止事件冒泡,使成为捕获型事件触发机制. function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagat

js事件、Js中的for循环和事件的关系、this

一.js事件  1.事件 用户在网页中所触发的行为 鼠标滑动种类很多,键盘.表单特列: 点击:onclick 鼠标进入:onmouseenter 鼠标离开:onmouseleave 鼠标悬浮:onmouseover  鼠标移除:onmouseout 鼠标按下:onmousedown 鼠标抬起:onmouseup 鼠标移动:onmousemove 表单聚焦:onfocus 表单失去焦点:onblur 浏览器加载完成:onload js事件是一直存在的,可以绑定方法,也可以不绑定,如果没有绑定,事件

vue.js阻止事件冒泡和默认事件

首先我们来看原生JS取消事件冒泡方法: e.stopPropagation(); //非IE浏览器window.event.cancelBubble = true; //IE浏览器 原生JS阻止默认事件方法: e.preventDefault(); //非IE浏览器window.event.returnValue = false; //IE浏览器 而vue.js给我们提供了更简便的方法,我们可以通过function($event)来获取事件对象,$event.target则是选择发生事件的目标元

JS中的DOM操作和事件

[DOM树节点] DOM节点分为三大类: 元素节点. 属性节点. 文本节点: 文本节点.属性节点属于元素节点的子节点.操作时,均需要先取到元素节点,再操作子节点: 可以使用getElement系列方法,取到元素节点. [查看元素节点] 1.getElementById:通过id取到唯一节点.如果ID重名,只能取到第一个. getElementsByName(): 通过name属性   getElementsByTagName(): 通过标签名   getElementsByClassName()

php与js中函数参数的默认值设置

php函数参数默认值设置: <?phpfunction test($val=3){   echo $val."<br/>";}test(11);test();?> javascript函数参数默认值设置function test(){alert("test函数");} function test2(val,func){ val=val||"";//利用js中的或操作,第一个参数值为false(为空)时返回第二个参数的值.第

javscript阻止和恢复默认事件、阻止和恢复event.preventDefault()

有时候我们需要阻止掉浏览器的默认事件,但后面某个时候又需要用到默认事件: 看下面代码,有一个连接 <a href="http://sina.cn/" class="test">新浪</a> 我们先来点击链接,阻止默认事件 不会跳转 $(".s").click(function() { event.preventDefault(); }); 我们再来恢复默认事件:  再次点链接,可以跳转了 $(".test&quo

JS中阻止默认事件与事件冒泡

JQuery 提供了两种方式来阻止事件冒泡. 方式一:event.stopPropagation(); $("#div1").mousedown(function(event){ event.stopPropagation(); }); 方式二:return false; $("#div1").mousedown(function(event){ return false; }); $("a").click(function(event){ ev