chrome 取消冒泡

JavaScript阻止事件冒泡（兼容IE、Chrome、FF）

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

JS:event对象下的target属性和取消冒泡事件

1.target 通过获取DOM元素 var box = document.getElementById("box"); document.box.onclick = function(){ alert(123);//123 } event对象下的target方法 :获取事件的目标,不用document.getElementById("box")即可获取目标; 但是target方法支持ie9以上的浏览器器,Chrome,ff,IE9以下的是不支持的. //W3C下

移动端和pc端事件绑定方式以及取消浏览器默认样式和取消冒泡

### 两种绑定方式 (DOM0)1.obj.onclick = fn; (DOM2)2. ie:obj.attachEvent(事件名称,事件函数); 1.没有捕获(非标准的ie 标准的ie底下有 ie6到10) 2.事件名称有on 3.事件函数执行的顺序:标准ie->正序非标准ie->倒序 4.this指向window 标准:obj.addEventListener(事件名称,事件函数,是否捕获); 1.有捕获 2.事件名称没有on 3.事件执行的顺序是正序 4.this触发该事件的对象

javascript 事件冒泡与取消冒泡

事件冒泡: 当一个元素上的事件被触发时,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先中被触发,这一过程被称为事件冒泡. 这个事件从原始祖先开始,一直冒泡到DOM树的最上层.(bug) (本来应该一人做事一人当,结果我做错了事,你却去告诉了我妈) 简单来说,冒泡就是:子元素事件被触动,父盒子的同样事件也会被触动. 取消冒泡就是取消这种机制. 阻止冒泡: 火狐.谷歌.IE11:event.stopPropagation(); IE10以下:event.cancelBubble = t

javascript的自定义对象/取消事件/事件兼容性/取消冒泡

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自定义对象</title>  <script type="text/javascript"> function method1() { var person=new Object();

JavaScript事件：事件处理模型(冒泡、捕获)、取消冒泡、阻止默认事件

(一)事件处理模型---事件冒泡.捕获 (1)事件冒泡 24 <body> 25 <div class="warpper"> 26 <div class="content"> 27 <div class="box"> 28 29 </div> 30 </div> 31 </div> 32 <script type="text/javascript&

chrome取消安全模式

右键快捷方式,后面添加--disable-web-security --user-data-dir=E:\MyChromeDevUserData "D:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=E:\MyChromeDevUserData

理解阻止浏览器默认事件和事件冒泡cancelBubble

一.阻止浏览器默认事件 1.先举个例子说什么是浏览器的默认事件 : 比如有一个输入框,当我按下字母a,就会在输入框显示字母a.就是浏览器本该发生的事情.小孩子一出生就会汲取母乳一样的道理,这些都是先天,默认好的了. 2.看个demo,阻止浏览器默认的右键弹出菜单,而且弹出自己自定义的菜单.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type=&

ES之事件绑定，解除绑定以及事件冒泡、事件捕获

绑定事件的处理方法任何元素都有事件属性,而绑定事件就是将这个事件与一个函数相连接. ①句柄事件dom.onXXX = function () {代码块} 以on开头的事件属于句柄事件兼容性非常好,但是一个事件只能绑定一个处理函数.当绑定多个时后面的会覆盖前面的.这种方法相当于在HTML的行间添加事件.在行间的写法<div onclick = "fun();或者'函数里面的执行语句'"></div>② dom.addEventListener(事件类型,触发函数,

解析Javascript事件冒泡机制

本资源引自: 解析Javascript事件冒泡机制 - 我的程序人生 - 博客频道 - CSDN.NET http://blog.csdn.net/luanlouis/article/details/23927347 ----------------------------------------------------------------------------------------------------------------------------------------- 1.

Javascript 事件对象（三）事件冒泡

事件流---事件冒泡取消冒泡:ev.cancelBubble=true ---事件捕获Ie下是没有的,在绑定事件中,标准下是有的 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> d

Javascript事件冒泡机制

1. 事件在浏览器客户端应用平台,基本生都是以事件驱动的,即某个事件发生,然后做出相应的动作. 浏览器的事件表示的是某些事情发生的信号.事件的阐述不是本文的重点,尚未了解的朋友,可以访问W3school教程进行了解,这将有助于更好地理解以下的内容 . 2.冒泡机制什么是冒泡呢? 下面这个图片大家应该心领神会吧,气泡从水底开始往上升,由深到浅,升到最上面.在上升的过程中,气泡会经过不同深度层次的水. 相对应地:这个气泡就相当于我们这里的事件,而水则相当于我们的整个dom树:事件从dom 树的

浅谈JS事件冒泡

今天要跟大家谈的是事件冒泡,这个事件呢,也是两面性的,有时候给我们带来bug,有时候优点也很明显.我们就一起来看看它的真面目. 首先看看事件冒泡是什么? 事件冒泡 :当一个元素接收到事件的时候会把他接收到的事件传给自己的父级,一直到window .(注意这里传递的仅仅是事件并不传递所绑定的事件函数.所以如果父级没有绑定事件函数,就算传递了事件也不会有什么表现但事件确实传递了.) 只看这句话,或许不是那么好理解,下面来看个栗子: var div1 = document.getElemen

生动详细解释javascript的冒泡和捕获，包懂包会(转)

前言:虽然精通jquery,但对它的原型javascript却不是很了解,最近在学习javascript中遇到了一些困难,比如冒泡和捕获,很多次被提到,但又不知究竟应用在何处.找到了一些好文章解惑,在这里分享给大家. quirksmode的一系列文章都不错,通俗易懂,这篇只是一系列中的某一篇,有机会把javascript这系列都翻译给大家. 原文地址在这里http://www.quirksmode.org/js/events_order.html,句子中有标注“(?)”表示我对这个句子不是很理解

滚轮事件的防冒泡、阻止默认行为的代码(效果是：只让当前div滚动，连当前文档都不滚动的效果)

//用firefox变量表示火狐代理var firefox = navigator.userAgent.indexOf('Firefox') != -1;function MouseWheel(e){//阻止事件冒泡和默认行为的完整兼容性代码 e = e||window.event; if (e.stopPropagation) {//这是取消冒泡 e.stopPropagation(); } else{ e.cancelBubble = true;

javascript事件冒泡

1. 事件在浏览器客户端应用平台,基本生都是以事件驱动的,即某个事件发生,然后做出相应的动作. 浏览器的事件表示的是某些事情发生的信号.事件的阐述不是本文的重点,尚未了解的朋友,可以访问W3school教程进行了解,这将有助于更好地理解以下的内容 . 2.冒泡机制什么是冒泡呢? 下面这个图片大家应该心领神会吧,气泡从水底开始往上升,由深到浅,升到最上面.在上升的过程中,气泡会经过不同深度层次的水. 相对应地:这个气泡就相当于我们这里的事件,而水则相当于我们的整个dom树:事件从dom 树的

JavaScript：事件对象Event和冒泡

本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 绑定事件的两种方式我们在上一篇文章中已经讲过事件的概念.这里讲一下注册事件的两种方式,我们以onclick事件为例. 方式一:onclick 举例: <body> <button>点我</button> <script> var btn = document.getElementsByTagName("button&qu

JS中事件绑定函数，事件捕获，事件冒泡

1 事件绑定:事件与函数绑定以及怎么取消绑定 1.1 元素.onclick这种形式,如下: <div id="div1">aaa</div> <script type="text/javascript"> var oDiv1 = document.getElementById('div1'); oDiv1.onclick = function(){ alert(this.innerHTML); //将会弹出aaa } </s

原生javascript实现阻止浏览器默认行为与阻止事件冒泡

不同的浏览器之间存在兼容问题,在IE与标准浏览器之间存在很大的差异,所以在实现阻止浏览器默认行为和阻止事件冒泡就要考虑要它们之间的不同 /** * 取消冒泡 * @param {事件} e */ function cancelBubble(e){ if(e.stopPropagation){ // w3c的方法取消冒泡 e.stopPropagation(); }else{ // 使用IE的方式来取消冒泡 e.cancelBubble=true; } } /** * 阻止浏览器默认行为 * @p

事件冒泡以及onmouseenter 和 onmouseover 的不同

1. onmouseenter onmouseenter 事件在鼠标指针移动到元素上时触发. 该事件通常与 onmouseleave 事件一同使用, 在鼠标指针移出元素上时触发. onmouseenter 事件类似于 onmouseover 事件. 唯一的区别是 onmouseenter 事件不支持冒泡 . 2. 实例演示onmousemove, onmouseenter 和 mouseover 事件的不同 <!DOCTYPE html> <html> <head> &

JS中的事件(对象，冒泡，委托，绑定)

- 事件,是文档或浏览器窗口中发生的一些特定的交互瞬间,JS与HTML之间的交互是通过事件实现的对于web应用来说,有下面这些代表性事件:点击事件,鼠标移动,按下键盘等等 - 事件,是用户和浏览器之间的交互行为我们可以在事件对应的属性中设置一些js代码,当事件被触发时,这些代码会执行文档的加载: 浏览器在加载一个页面时,是按照自上而下的顺序加载的, 读取到一行就运行一行,在代码执行时,页面还没有加载将js代码编写到页面的下面,确保页面加载完毕以后再执行js代码 window.onload

chrome 取消冒泡

热门专题