`
netfishx
  • 浏览: 59351 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

“取消”和“停止”浏览器事件

阅读更多

这种做法是从Bret Taylor的blog上面抄来的,原文地址在这里(好像是,不是也别怪我。)。对于避免ajax应用中不同层的事件干扰很有用的。


先说一下“取消(cancel)”和“停止(stop)”的区别:说白了,停止就是当事件发生后,阻止它自动冒泡到父容器内;而取消则是当冒泡发生到父容器之后停止,也就是不在当前元素中响应。天哪,这东西说起来话长了,代码说话:


function stopEvent(e) {
if (!e) e = window.event;
if (e.stopPropagation) {
e.stopPropagation();
} else {
e.cancelBubble = true;
}
}

var link = document.getElementById("link");
link.onclick = stopEvent;

以上这一段是阻止父容器事件的


function cancelEvent(e) {
if (!e) e = window.event;
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
}

var link = document.getElementById("link");
link.onclick = function(e) {
cancelEvent(e);
stopEvent(e);
}

以上这一段是阻止子元素事件的


例子地址在这里:demo

分享到:
评论

相关推荐

    浏览器事件大全.txt

    ### 浏览器事件大全知识点解析 ...以上是浏览器事件大全中的主要内容,通过这些事件可以更好地控制网页的行为和交互体验。开发者可以根据具体需求选择合适的事件进行编程实现,提高网站的用户体验。

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

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

    阻止事件(取消浏览器对事件的默认行为并阻止其传播)

    取消浏览器对事件的默认行为(响应)(比如标签的跳转等)并停止事件的继续传播。 实现代码 代码如下: function stopEvent (evt) { var evt = evt || window.event; if (evt.preventDefault) { evt.preventDefault()...

    IE已经合并进Edge浏览器的解决办法,打开IE自动跳转到Edge浏览器的解决办法

    由于微软已经停止了对IE浏览器的官方支持,并鼓励用户转向使用更现代、更安全的Edge浏览器,因此,当用户尝试打开IE时,系统可能会自动跳转至Edge。这可能对于那些依赖于旧版网页应用或特定IE功能的用户来说,构成了...

    C# 浏览器核心代码

    - `toolStripButton4_Click`事件处理程序中,`webBrowser1.Stop()`方法用于取消当前的导航操作,并停止所有页面的动态元素加载,比如图片、脚本等。 7. **刷新页面**: - `toolStripButton5_Click`事件处理程序中...

    CHtmlView类制作浏览器

    它支持基本的浏览操作,如前进、后退、刷新、停止加载等,同时也支持导航到特定URL和执行JavaScript代码。 2. CHtmlView的主要成员函数: - `OnBeforeNavigate2`:在导航到新页面之前被调用,可用于处理导航事件,...

    WEBBrowser 控件 实现浏览器功能

    2. 主要特性:WEBBrowser控件支持导航(加载网页)、前进、后退、停止加载、刷新页面等基本浏览器操作,还可以执行JavaScript代码、打印网页、处理网页事件等高级功能。 二、使用WEBBrowser控件 1. 添加控件:在...

    飞奔浏览器官方下载 v5.0.1.zip

    它允许在同一窗口内打开任意多个页面,减少浏览器对系统资源的占用率, 提高网页浏览的速度和效率。并集成了IE及FireFox的优秀功能于一体,是一款功能强大和灵活的浏览器。 飞奔浏览器使用说明 网址自动补充: ...

    web浏览器完整代码

    【描述】中的内容指出,这个代码实现了浏览器的一些基本功能,如前进、后退、刷新、主页和停止。这些功能是所有现代Web浏览器不可或缺的部分,它们为用户提供了一种方便的方式来浏览和管理网页浏览历史。 1. **前进...

    javascript 多浏览器 事件大全

    本文将详细介绍JavaScript在多浏览器环境下的各种事件,帮助开发者更好地理解和应用这些事件。 首先,我们来看一下基本的“一般事件”。这些事件与用户的鼠标和键盘操作紧密相关: 1. `onClick`:在IE3、Netscape ...

    web浏览器 c#实现

    - 添加下载管理器,支持文件的暂停、恢复和取消。 - 集成搜索引擎,方便用户直接在浏览器内搜索信息。 - 安全性增强,例如防止跨站脚本攻击(XSS)和跨站请求伪造(CSRF)。 - 加速渲染性能,如缓存机制和预加载策略...

    JQ 全选和反选和取消

    总之,"JQ全选和反选和取消"是一个常见且实用的前端交互功能,它涉及到DOM操作、事件处理和状态管理。通过理解并实践这个知识点,开发者可以创建更加互动和友好的用户界面。在`demo.html`中,你可以找到具体实现这些...

    方配触摸屏浏览器(FPToucher) V1.7.2.5

    方配触摸屏浏览器是一款免费无功能限制专门针对触摸屏一体机应用而开发设计的触摸...5、本软件集成了浏览器的主页、前进、后退、停止、刷新等功能,使触摸屏网页浏览更加方便。 注:本软件运行需要.NET2.0的框架支持。

    event对象总结,更详细更全面

    * clientX和clientY:事件发生时鼠标相对于浏览器左上角的X/Y坐标 * screenX和screenY:事件发生时鼠标相对于显示器左上角的X/Y坐标 事件对象的方法 事件对象还拥有一些重要的方法,例如: * stopPropagation():...

    WIN7 64位如何设置默认32位浏览器

    - **安全性更新**:微软已停止对Internet Explorer的支持,这意味着使用该浏览器可能存在安全风险。建议考虑迁移到更现代且支持持续更新的浏览器,如Microsoft Edge。 通过以上步骤,您应该能够在Windows 7 64位...

    分享JavaScript获取网页关闭与取消关闭的事件

    首先,让我们明确一下onbeforeunload事件和onunload事件的作用和限制: 1. onbeforeunload事件会在页面即将卸载时触发,例如用户尝试关闭浏览器标签页、点击浏览器的刷新按钮等。在这个事件里,脚本可以提供一个字符...

    Win10系统IE出错提示“internet explorer已停止工作”怎么办.docx

    3. 在 Internet 选项窗口中,切换到“高级”选项卡,在“设置”窗格中向下滚动设置项,找到“浏览”区域的“启用第三方浏览器扩展”和“启用自动崩溃恢复”选项,取消勾选,确定关闭窗口,重启电脑。 结果 按照...

    手把手教您优化360安全浏览器.docx

    1. 关闭起始页:在浏览器选项中取消“显示上次退出时未关闭的页面(起始页)”和“显示上次异常退出时浏览的页面(起始页)”的设置,可以加快启动速度。 2. 标签栏统一宽度:通过调整“限制”中的最小宽度和最大宽度为...

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

    最后,**取消事件的默认行为和阻止事件传播**是控制事件执行的关键。在支持`addEventListener()`的现代浏览器中,可以通过`event.preventDefault()`方法来取消事件的默认操作,而在早期的IE浏览器(IE9之前)中,...

Global site tag (gtag.js) - Google Analytics