javascript阻止事件冒泡及默认事件方式

//阻止事件冒泡
function stopBubble(e){
  if(e&&e.stopPropagation){//非IE
     e.stopPropagation();
  }
  else{//IE
      window.event.cancelBubble=true;
  }
}
//阻止默认事件
function stopDefault(e) {
     //阻止默认浏览器动作(W3C)
     if ( e && e.preventDefault ){
         e.preventDefault();
     }else{//IE中阻止函数器默认动作的方式
         window.event.returnValue = false;
     }
     return false;
}
时间: 2024-10-23 21:20:32

javascript阻止事件冒泡及默认事件方式的相关文章

JavaScript 阻止事件冒泡的实现方法

JavaScript 阻止事件冒泡,无使用其它插件来辅助,原生JS代码,考虑到浏览器的兼容性问题,这里对IE/火狐.Operating以及Chrome都有针对性的判断,代码如下: function cancelBubble(evt) { // 阻止事件冒泡 if (window.event) { // Chrome,IE6,Opera window.event.cancelBubble = true; } else { // FireFox 3 evt.stopPropagation(); }

阻止事件冒泡和默认行为,禁止键盘事件

阻止事件冒泡: function(e){ e = e || window.event; if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; } 取消事件默认行为: function(e) { e = e || window.event; if(e.preventDefault) e.preventDefault(); else e.returnValue = false; } 阻止键盘输入 elem.on

JavaScript阻止事件冒泡(兼容IE、Chrome、FF)

这里仅仅是一个简单代码demo,因为时间问题并未做深入研究,因为今天做项目时要用到阻止事件冒泡的内容,找了好多才找到一个可以使用的,特记录之. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>阻止事件冒泡</title> <scr

阻止事件冒泡与默认行为

1.既阻止事件冒泡又阻止事件默认行为: function stopEvent(e){ //兼容 var e = e || window.event if(e.preventDefault){ e.preventDefault(); e.stopPropagation(); }else { e.returnValue = false; e.cancelBubble = true; return false; } } 2.仅阻止事件冒泡: function stopBubble(e){ var e

前端学习代码实例-JavaScript阻止事件冒泡

任何现象都可能是双刃剑,有时候利用事件冒泡能够带来便利性,但是有时候也会带来不便. 下面通过带来实例介绍一下如何阻止事件冒泡. 代码实例如下: ] <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title&g

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

/*---------------------------    功能:停止事件冒泡    ---------------------------*/    function stopBubble(e) {        //如果提供了事件对象,则这是一个非IE浏览器        if ( e && e.stopPropagation )            //因此它支持W3C的stopPropagation()方法            e.stopPropagation();  

js 阻止事件冒泡和默认行为 preventDefault、stopPropagation、return false

preventDefault: preventDefault它是事件对象(Event)的一个方法,作用是取消一个目标元素的默认行为.既然是说默认行为,当然是元素必须有默认行为才能被取消,如果元素本身就没有默认行为,调用当然就无效了.什么元素有默认行为呢?如链接<a>,提交按钮<input type=”submit”>等.当Event对象的cancelable为false时,表示没有默认行为,这时即使有默认行为,调用 preventDefault也是不会起作用的. 我们都知道,链接&

vue.js阻止事件冒泡和默认事件

首先我们来看原生JS取消事件冒泡方法: e.stopPropagation(); //非IE浏览器window.event.cancelBubble = true; //IE浏览器 原生JS阻止默认事件方法: e.preventDefault(); //非IE浏览器window.event.returnValue = false; //IE浏览器 而vue.js给我们提供了更简便的方法,我们可以通过function($event)来获取事件对象,$event.target则是选择发生事件的目标元

JavaScript阻止事件冒泡

有段时间没有更新博客了,2014就要过去了,贴上一段代码. 之前遇到事件冒泡的问题,也去网上搜索了一番,结果大部分都是一样的代码,贴来用时也不太顺利.涉及到FF时,可以用 e.stopPropagation(); ,不知怎地我没用成功.不过我发现FF支持e.cancelBubble = true;的写法,经测试可行.就把代码贴在这里吧,省得以后到处找.IE以前版本的兼容性还没测试,用到时再完善吧. //取消事件冒泡 function stopBubble(e) { var evt = (e) ?