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

简介: 阻止事件冒泡和阻止浏览器默认行为

1. 阻止事件冒泡 兼容w3c浏览器】


function cBubble(e){
    if(e.stopPropagation){
        e.stopPropagation();//ie9+
    }else{//ie678
        e.cancelBubble = true;
    }
}


2.阻止浏览器默认行为


function cDefault(e){
   if(e.preventDefault){//ie9+
  e.preventDefault();
   }else{//ie 678
  e.returnValue = false;
    }
};


3.阻止默认详细说明


w3c 的方法是 e.preventDefault(),


IE 则是使用 e.returnValue = false;


preventDefault它是事件对象(Event)的一个方法,


作用是取消 一个目标元素的默认行为.


既然是说默认行为,当然是元素必须有默认行为才能被取消.


如果元素本身就没有默认行为,调用当然就无效 了.


什么元素有默认行为呢?


如链接<a>,


提交按钮<input type=” submit”>等.


当Event对象的cancelable为false时,表示没有默认行为,


这时即使有默认行为,调用 preventDefault 也是不会起作用的。


相关文章
|
6月前
|
测试技术
用navigator.sendBeacon完成网页埋点异步请求记录用户行为,当网页关闭的时候,依然后完美完成接口请求,不会因为浏览器关闭了被中断请求。
用navigator.sendBeacon完成网页埋点异步请求记录用户行为,当网页关闭的时候,依然后完美完成接口请求,不会因为浏览器关闭了被中断请求。
|
存储 搜索推荐 数据挖掘
使用selenium库模拟浏览器行为,获取网页的cookie值
使用selenium库模拟浏览器行为,获取网页的cookie值
|
4月前
|
存储 缓存 边缘计算
高并发架构设计三大利器:缓存、限流和降级问题之控制浏览器缓存的行为问题如何解决
高并发架构设计三大利器:缓存、限流和降级问题之控制浏览器缓存的行为问题如何解决
|
6月前
|
移动开发 JavaScript 前端开发
javascript监听浏览器离开、进入行为
javascript监听浏览器离开、进入行为
148 0
|
JavaScript 前端开发 UED
什么是事件冒泡?如何阻止事件冒泡和浏览器默认事件?
什么是事件冒泡?如何阻止事件冒泡和浏览器默认事件?
178 0
|
Web App开发 Java Apache
如何在Selenium自动化Chrome浏览器中模拟用户行为和交互?
Selenium是一个用于自动化Web应用程序测试的工具,它可以模拟真实的用户在浏览器中进行各种操作,如点击、输入、滚动等。Selenium支持多种浏览器,如Chrome、Firefox、Edge等,但是每种浏览器都需要相应的驱动程序才能与Selenium进行通信。本文将介绍如何在Selenium中使用Chrome浏览器,并且设置代理服务器来避免被目标网站识别。
470 0
如何在Selenium自动化Chrome浏览器中模拟用户行为和交互?
|
JavaScript 前端开发
浏览器行为
浏览器行为
72 0
|
Web App开发 JavaScript 前端开发
JavaScript停止冒泡和阻止浏览器默认行为
JavaScript停止冒泡和阻止浏览器默认行为
100 0