`

JS阻止浏览器默认行为、停止事件冒泡

    博客分类:
  • JS
 
阅读更多

一、停止事件冒泡

	//阻止浏览器的默认行为
		stopDefaultEvent: function(e){
			//如果提供了事件对象,则这是一个非IE浏览器   
			if(e && e.preventDefaut){
				//阻止默认浏览器动作(W3C)   
				e.preventDefault();
			}else{
				//IE中阻止函数器默认动作的方式   
				window.event.returnValue = false;
			}
		}

 
二、阻止浏览器默认行为

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

 

分享到:
评论

相关推荐

    浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)

    在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e....

    js阻止默认浏览器行为与冒泡行为的实现代码.docx

    js阻止默认浏览器行为与冒泡行为的实现代码.docx

    js阻止默认浏览器行为与冒泡行为的实现代码

    在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1. 阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象,则这是一个非IE浏览器 if(e &&...

    js停止冒泡和阻止浏览器默认行为的简单方法

    停止冒泡通用方法: function stopBubble(e) { //如果提供了事件对象,是非IE浏览器 ...阻止浏览器默认行为-通用方法 //阻止浏览器的默认行为 function stopDefault( e ) { //阻止默认浏览器动作(W3C) if

    javascript阻止事件冒泡和浏览器的默认行为

    1.阻止事件冒泡,使成为捕获型事件触发机制. function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) ...即停止默认事件默认行为. //阻止浏览器的默认行为 functi

    js阻止冒泡及jquery阻止事件冒泡示例介绍

    JQuery 提供了两种方式来阻止事件冒泡,Jquery阻止默认动作即通知浏览器不要执行与事件关联的默认动作,下文有个不错的示例,需要的朋友可以参考下

    Javascript 阻止浏览器默认操作的实现代码

    在浏览器事件中,会触发一些默认动作,比如:点击一个链接时,执行完捕获/冒泡动作后,会触发链接的默认事件:跳转到指定链接地址。

    JS传播事件、取消事件默认行为、阻止事件传播详解

    例如,表单提交按钮的onclick事件处理程序能通过返回false阻止浏览器提交表单,再如a标签的onclick事件处理程序通过返回false阻止跳转href页面。类似地,如果用户输入不合适的字符,输入域上的onkeypress事件处理...

    javascript 兼容各个浏览器的事件

    dom 事件对象 type 属性用于获取事件对象, target属性 用于获取事件目标,stopPropagation()方法 阻止事件冒泡 preventDefault阻止事件的默认行为 IE中的事件对象 type 属性 用于获取事件对象, srcElement属性 ...

    jQuery阻止冒泡和HTML默认操作

     2:在当今的各个浏览器中都支持事件的冒泡,所谓的冒泡可以这样理解:  条件:外层有一个DIV元素,在内层有一个P元素,他两存在这样的关系:DIV是P元素的父元素,而P是外层DIV的子元素,他们之间存在包含和被包含...

    Javascript事件流(事件捕获、事件冒泡),事件委托(代理)

    大部分浏览器默认都是用IE的“事件冒泡”顺序(从里层向外层);而网景采用“事件捕获”顺序(从外层向里层)。使用冒泡流可以兼容更多的浏览器(IE6,7,8均只支持冒泡流)。事件流原理图如下: 看图: 1、(1-5)...

    JS中mouseup事件丢失的原因与解决办法

    前言 当实现类似Excel选中区域的功能时,经常出现 mouseup 事件丢失的情况,由于缺少了 mouseup 事件,导致一个完整的操作无法进行。 如果你是想进行拖拽移动操作,也可以...//阻止事件冒泡 //不仅仅要stopPropagatio

    事件高级用法及兼容写法

    冒泡:事件由最具体的元素(事件的触发者),层层向外传递(传递给父节点),直到window 对象停止 捕获:事件由最外层元素(window),层层向内传递,直到最具体的元素 事件流机制有时候会对页面效果造成一些影响,所以...

    前端笔记.zip

    同时具有阻止冒泡和阻止默认行为的功能 事件捕获:父元素的事件会影响子元素的事件; 开启事件捕获:event.addEventListener(eventName,handler,true) 7、请说说事件委托机制?这样做有什么好处? 事件委托,...

    js点击事件的执行过程实例分析【冒泡与捕获】

    js事件对象event包括很多事件类型,这里用onclick事件为例,探讨一下在js事件捕获机制和冒泡机制下的执行过程,以及如何阻止事件的捕获和冒泡。 首先看下当我们点击一个元素后,浏览器的执行过程。 1,当某个元素...

    利用jQuery的$.event.fix函数统一浏览器event事件处理

    在FF浏览器下则是:event.target,另外又比如在FF浏览器下得到光标相对页面的位置是event.pageX,而IE浏览器下的处理方式又是不一样的,当然还有一些像“阻止事件冒泡”以及“取消浏览器默认行为”等,不同浏览器也...

Global site tag (gtag.js) - Google Analytics