取消默认事件及冒泡

阻止冒泡事件

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

阻止默认事件

var el = window.document.getElementById("a");
el.onclick = function (e) {
    //如果提供了事件对象,则这是一个非IE浏览器
    if (e && e.preventDefault) {
        //阻止默认浏览器动作(W3C)
        e.preventDefault();
    }
    else {
        //IE中阻止函数器默认动作的方式
        window.event.returnValue = false;
        return false;
    }
}

jQeury阻止默认和冒泡事件

阻止冒泡事件
   $("a").click(function (e) {
            e.stopPropagation();
        });
阻止默认事件
 $("a").click(function (e) {
            e.preventDefault();
        });
阻止默认和冒泡事件
$("a").click(function (e) {
            return false;
        });

原文地址:https://www.cnblogs.com/liangfc/p/9463624.html

时间: 2024-11-01 15:41:05

取消默认事件及冒泡的相关文章

VUE - 取消默认事件

1,在 methods 中 <template> <div> <form @submit="addTodo"> <input v-model="title" type="text" name="title"> <input type="submit" value="添加" class="btn"> </

javascript, jQuery阻止默认事件和冒泡事件

事件冒泡(event bubbling) 事件冒泡是指一个元素上的事件被触发,然后这个事件按嵌套顺序在父级元素上触发,直至document根节点. 例如: <!DOCTYPE html> <html> <head> <title>Event Bubbling Example</title> </head> <body> <div id="myDiv">Click Me</div>

取消默认事件更牛逼的做法

event.returnValue的作用就是:当捕捉到事件(event)时,判断为false,则阻止当前事件继续运行,window.event.returnValue = false;之后的语句将都不会执行. return false 不是阻止事件继续向顶层元素传播,而是阻止浏览器对事件的默认处理.

事件的冒泡和默认行为

1.e.stopPropagation()//禁止冒泡 2.e.preventDefault()//阻止跳转 3.return false //阻止默认行为,禁止冒泡 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>事件冒泡</title> <script src="js/jquery-1.7.2.js" type=&

取消图片的默认事件

//取消图片的默认行为 $(function(){ var $img = $("img"); var moving = function(event){ //something } var img = document.getElementsByTagName('img'); //IE下需要在document的mousemove里面取消默认事件;要用原生JS的事件不能用JQuery for (var i = 0; i < img.length; i++) { img[i].onm

关于form下提交和重置input按钮默认事件问题

今天用js清空input值的时候死活不行,搞了半天终于可以了..原因是因为默认事件.. HTML代码 <form> <input id="input" type="txt" value="查询"> <input id="submit" type="submit" value="提交"> <input id="reset" ty

阻止默认事件event.preventDefault();

阻止浏览器默认事件.什么是默认事件,例如浏览器默认右键菜单.a标签默认连接跳转...,如何阻止呢? Firefox中,event必须作为参数传入.  IE中,event是window对象的属性. event.preventDefault();方法用于取消默认事件,但是不兼容IE,在IE下,要用event.returnValue=false;来处理. document.oncontextmenu=function (ev) { var oEvent=ev||event; if (oEvent.pr

##阻止事件冒泡和取消默认操作

取消事件冒泡 事件冒泡指当一个元素的事件被触发的时候,比如鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发,这个过程被称为事件冒泡.这个事件是从原始元素开始一直冒泡到DOM树的最上层.事件传播的3个阶段:捕获.冒泡.目标阶段. 阻止事件冒泡:w3c的方法是event.stopPropagation(),IE则是使用event.cancelBubble = true; 兼容性写法: var event = event || window.event; if(event &&

JS事件——禁止事件冒泡和禁止默认事件

Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态.事件通常与函数结合使用,函数不会在事件发生前被执行! 一.什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,即事件由子元素向祖先元素传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达