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

event.cancelBubble=true 取消事件处理

 
阅读更多

<tr><a href="xxx">连接</a></tr>

如上结构,单击tr的时候跳转至另一页面

<tr style="cursor:pointer" onmouseover="this.style.backgroundColor='gainsboro'" onmouseout="this.style.backgroundColor=''" onclick="return Click();">

 

function Click() {
    window.location.href = "xxx";
}

 

<a href="xxx">连接</a> 可更改为<a href="xxx" onclick="event.cancelBubble=true">连接</a>

这样可以避免单击a标签的同时也跳转至另一页面。onclick="event.cancelBubble=true" 取消事件处理。

否则单击a的同时会跳转另一页面。

 

取消事件冒泡,在 IE 的事件机制中,触发事件会从子元素向父元素逐级上传,就是说,如果子元素触发了单击事件,那么也会触发父元素的单击事件;event.cancelBubble=true;可以停止事件继续上传

 

事件来源对象->上级对象->上上级对象->.....->body->document->window

NS的事件传递是从上到下:

window->document->body->....->事件来源对象

(event.returnValue=false 设置事件的返回值为false,即取消事件处理)

 

分享到:
评论

相关推荐

    关于event.cancelBubble和event.stopPropagation()的区别介绍

    在JavaScript的事件处理中,`event.cancelBubble` 和 `event.stopPropagation()` 都是用来控制事件冒泡的行为,但它们之间存在一些关键的区别。事件冒泡是指事件从最深的节点开始,逐级向上层节点传播事件的过程。...

    IE的事件传递-event.cancelBubble示例介绍

    比如鼠标点击了一个TD,当前的event.srcElement就是这个TD,但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件,但是如果你event.cancelBubble,则就不能上传事件。 例子: 代码如下: &lt;html&gt; &lt;body...

    如何禁用一些快捷键?怎么禁用快捷键?

    这里使用了`cancelBubble`和`returnValue`属性来取消事件的默认行为。 2. **监听键盘事件**:使用`onkeydown`事件监听器来捕获键盘按下事件。通过`keyCode`属性检查按下的是哪个键,并根据条件判断是否阻止该键的...

    js禁止页面刷新禁止用F5键刷新禁止右键的示例代码.docx

    event.cancelBubble = true; return false; } } ``` 接着,禁止用户使用鼠标右键打开上下文菜单。这同样通过监听`document`对象的`oncontextmenu`事件来实现。在事件处理函数中,我们简单地返回`false`即可阻止...

    用javascript 禁止右键,禁止复制,禁止粘贴

    event.cancelBubble = true event.returnValue = false return false } function norightclick(e) { if (window.Event) { if (e.which == 2 || e.which == 3) return false } else { if (event.button == 2 ...

    用javascript屏蔽功能键

    event.cancelBubble = true; event.returnValue = false; return false; } } ``` 结合这两种方法可以更全面地防止鼠标右键被点击: ```javascript function rclick() { if (document.all) { // IE 特性...

    网页禁止下载、复制代码和使用右键

    - **`event.cancelBubble`和`event.returnValue`**:控制事件是否继续传播以及是否执行默认动作。 #### 示例代码: ```javascript function norightclick(e) { if (window.Event) { // for browsers that support ...

    javaScript所能实现屏蔽功能总汇

    event.cancelBubble = true; event.returnValue = false; return false; } } ``` ### 二、屏蔽特定键盘快捷键 为了防止用户通过键盘操作执行某些敏感动作(如刷新页面、打开新窗口等),可以通过监听`...

    JS经常用到的一些技术

    event.cancelBubble = true; event.returnValue = false; return false; } } &lt;body onmousedown="nocontextmenu()" oncontextmenu="nocontextmenu()"&gt; ``` 这段代码通过监听`onmousedown`和`oncontextmenu`...

    js屏蔽鼠标右键js屏蔽鼠标右键js屏蔽鼠标右键

    event.cancelBubble = true; event.returnValue = false; return false; } ``` 此函数主要用于IE浏览器中阻止默认的上下文菜单出现。`cancelBubble`属性用于阻止事件冒泡,`returnValue`属性用于控制是否执行...

    网页不可下载网页不可下载网页不可下载

    event.cancelBubble = true; event.returnValue = false; return false; } function norightclick(e) { if(window.Event) { if(e.which == 2 || e.which == 3) return false; } else { if(event.button =...

    Div 制作的SELECT

    window.event.cancelBubble = true;"); } else if(!isIE){ selects[i].onclick = new Function("clickLabels3('"+selects[i].name+"')"); selects[i].addEventListener("click", stopBubbling, false); ...

    C#编写的web自定义日期选择控件带演示

     将InputCalendar.cs中output.WriteLine("parent.event.cancelBubble=true;");一句去掉即可。这一句的意义是:设置或获取当前事件是否要在事件句柄中向上冒泡。当前应用中好像没有用,所以去掉也不要紧。

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

    总的来说,理解和正确使用`event.preventDefault()`和`event.stopPropagation()`是JavaScript事件处理中的关键技能,它们能够帮助开发者实现更灵活的交互和控制。在实际项目中,根据具体需求选择合适的方法,确保...

    禁止右键代码示例demo

    通过判断`event.which`或`event.button`的值来确定是否为右键点击,如果是,则通过设置`cancelBubble`和`returnValue`属性来阻止事件冒泡和默认行为的发生。 ##### 方法四:禁用文本选择 除了禁止右键点击外,有些...

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

    W3C标准的`event.stopPropagation()`被现代浏览器广泛支持,而IE浏览器则使用`event.cancelBubble = true;`。 ```javascript function stopPropagation(e) { var evt = e || window.event; if (evt....

    java脚本防右键防选择等等重要功能

    event.cancelBubble = true; event.returnValue = false; return false; } function norightclick(e) { if (window.Event) { if (e.which == 2 || e.which == 3) { return false; } } else { if (event....

    【JavaScript源代码】Javascript实现单选框效果.docx

    而在IE浏览器中,则需要使用`event.cancelBubble = true`。为了兼容不同浏览器,可以这样写: ```javascript e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true; ``` 下面是一个完整的示例,展示...

    封装自己的js工具-Event.txt

    if (this.isIe) ev.cancelBubble = true; else ev.stopPropagation(); }; ``` 8. **阻止默认行为**: ```javascript this.preventDefault = function () { var ev = this.getEvent(); if (this.isIe) ev....

Global site tag (gtag.js) - Google Analytics