<a onclick="toggleFriendFuncList(event, '6708062', 'he');"></a>
由于href是空值,如果不阻止浏览器的默认行为,产生的效果就是刷新页面。
现在我们需要做的就是阻止href的链接事件,而去执行onclick事件。
老的处理方式
<a onclick="toggleFriendFuncList(event, '6708062', 'he');" href="javascript:void(0);"></a>
js的写法:
1)停止冒泡的写法
//如果提供了事件对象,则这是一个非IE浏览器
if ( e && e.stopPropagation )
// 因此它支持W3C的stopPropagation()方法
e.stopPropagation();
else
//否则,我们需要使用IE的方式来取消事件冒泡
window.event.cancelBubble = true;
return false;
2)阻止浏览器的默认行为
//如果提供了事件对象,则这是一个非IE浏览器
if ( e&&e.preventDefault )
//阻止默认浏览器动作(W3C)
e.preventDefault();
else
//IE中阻止函数器默认动作的方式
window.event.returnValue = false;
return false;
jquery的写法:
1)return false :In event handler ,prevents default behavior and event bubbing 。
return false 在事件的处理中,可以阻止默认事件和冒泡事件。
2)event.preventDefault():In event handler ,prevent default event (allows bubbling) 。
event.preventDefault()在事件的处理中,可以阻止默认事件但是允许冒泡事件的发生。
3)event.stopPropagation():In event handler ,prevent bubbling (allows default behavior).
event.stopPropagation()在事件的处理中,可以阻止冒泡但是允许默认事件的发生
prototype的写法:
Event.stop(event)
用法介绍:
事件发生后,浏览器通常首先触发事件发生元素上的事件处理程序,然后是它的父元素,父元素的父元素……依此类推, 直到文档的根元素为止。这被称为 事件冒泡,是事件传播的最常见的方式。当处理好一个事件后, 你可能想要停止事件的传播,不希望它继续冒泡。
当你的程序有机会处理事件时,如果这个事件具有 默认行为,同时浏览器也会处理它。例如,点击导航链接、 将表单提交到服务器、在一个单行文本框中按下回车键等等。如果对这些事件你定义了自己的处理方式, 可能会非常希望阻止相关的默认行为。
分享到:
相关推荐
这些行为通常由浏览器默认处理,但有时候我们希望对某些操作进行自定义处理,这就涉及到阻止浏览器的默认事件以及事件冒泡的问题。 #### 阻止默认事件 1. **阻止默认行为的概念**:在浏览器中,许多元素具有默认的...
在JavaScript中,我们经常需要阻止默认的浏览器行为和事件冒泡,以便实现自定义的功能。在前端开发中,由于浏览器的兼容性问题,理解和掌握这些技术至关重要。下面将详细介绍如何实现这两种功能。 1. **阻止浏览器...
JavaScript中的事件处理是Web开发中的重要组成部分,它允许我们对用户与页面的交互做出响应。在JavaScript中,事件...在编写交互式网页时,了解如何阻止事件冒泡和浏览器的默认行为对于创建定制的用户体验至关重要。
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e....
在JavaScript中,有多种事件模型,包括事件冒泡(Bubble Phase)和捕获阶段(Capture Phase)。事件冒泡是最常见的一种,它始于事件目标元素(例如,用户点击的按钮),然后依次经过其所有父元素,直到到达文档的根...
综上所述,JavaScript中的阻止冒泡和阻止默认行为是非常重要的技术点,它们在处理复杂的事件监听和避免不必要的事件触发时发挥着重要的作用。理解并掌握这些技术对于提升前端开发的交互体验与代码质量具有重要意义。
在JavaScript中,处理事件时,有时我们需要控制事件的传播(冒泡)以及阻止浏览器执行其默认行为。本文将详细介绍如何实现这两个功能,并提供兼容不同浏览器的解决方案。 **停止冒泡** 事件冒泡是指事件从最深的...
本文将详细介绍如何使用原生JavaScript (JS) 和 jQuery 来阻止事件冒泡,并通过实际示例加深理解。 #### 二、JS 阻止事件冒泡的方法 ##### 1. 原生JS阻止事件冒泡 在原生JS中,阻止事件冒泡可以通过以下两种方式...
4. **阻止浏览器默认行为**: 通过事件对象,我们可以调用`preventDefault()`方法来阻止浏览器对特定事件的默认响应。例如,点击链接默认会跳转到新的URL,但通过`preventDefault()`,我们可以阻止这种跳转。 5. *...
在前端开发中,阻止默认浏览器行为和事件冒泡是常见的需求。所谓默认浏览器行为,指的是用户在浏览器中进行某些操作时,浏览器自身默认采取的响应。例如,点击一个链接时页面跳转,提交表单时页面刷新等。事件冒泡则...
- 使用返回false的方式:在事件处理函数中直接返回false,这将同时阻止事件冒泡和事件的默认行为。例如:`$(selector).click(function() { return false; });` - 使用event.preventDefault()方法:这个方法用来...
事件流主要有三种阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段。 事件捕获阶段是从DOM树的根节点开始,沿着树向下传播到目标节点。在这个阶段,事件首先由最外层的父元素接收,然后逐级向下传递,直到到达触发...
本文将详细探讨jQuery中的两个重要概念:事件冒泡和阻止默认行为。通过具体的代码示例和解释,本文将帮助您理解和掌握如何在使用jQuery进行前端开发时,更好地控制页面上的事件交互。 1. 事件冒泡的概念与应用 事件...
在JavaScript和jQuery中,事件处理是网页交互的核心部分。事件冒泡和默认行为是理解...`、`event.stopPropagation()`和`event.preventDefault()`,开发者可以精确地控制事件的传播和行为,从而实现预期的用户交互效果。
标题中提到的“JavaScript捕捉事件和阻止冒泡事件实例分析”,明确指出了本文将涉及两个关键的JavaScript事件处理机制:事件捕捉和阻止事件冒泡。在描述中,提到了冒泡原理和相关的操作技巧,这说明将通过对实例的...
标题中提到的“js阻止冒泡及jquery阻止事件冒泡示例介绍”涉及JavaScript和JQuery两种技术在事件处理中阻止事件冒泡的概念。冒泡是指当一个元素上触发了某个事件(如点击),这个事件不仅会在该元素上进行处理,还会...