展开

关键词

JavaScript停止泡和阻止浏览器默认行为

(),IE则是使用e.cancelBubble = truestopPropagation也是事件对象(Event)的一个方法,作用是阻止目元素的泡事件,但是会不阻止默认行为。 什么是泡事件?如在一个按钮是绑定一个”click”事件,那么”click”事件会依次在它的父级元素中被触发 。stopPropagation就是阻止目元素的事件泡到父级元素。 = false;preventDefault它是事件对象(Event)的一个方法,作用是取消一个目元素的默认行为。 我们都知道,链接的默认动作就是跳转到指定页面,下面就以它为例,阻止它的跳转:定有链接caibaojian.comvar a = document.getElementById(testA);a.onclick 当需要停止泡行为时,可以使用function stopBubble(e) { 如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation )     因此它支持

42220

火绒截获新型勒索病毒Spora 通过IE、Flash漏洞等方式传播

Spora利用漏洞和网站弹窗传播。该病毒利用的第1个漏洞是IE漏洞,存在于IE9以上的浏览器版本中,该病毒利用的第2个漏洞是Flash漏洞。该病毒的网站弹窗,模仿的是Chrome浏览器。 该病毒团伙制造大量以乱真的仿网站,通过百度、谷歌等搜索引擎去传播。 一部分受害者在访问这些网站时,Spora病毒通过漏洞进入用户电脑;另一部分受害者则是被这些网站的Chrome浏览器弹窗所欺骗,这些弹窗谎称电脑缺少HoeflerText字体,并提示用户下载安装字体文件 1.漏洞传播病毒作者会将带有Flash漏洞或者IE漏洞的页面发布到互联网中,之后通过仿网址等手段,诱骗用户访问带有漏洞的网站页面。 在触发漏洞后IE进程会启动wscript.exe执行恶意脚本,下载恶意代码到本地进行执行。如下所示:?触发漏洞经过对该漏洞页面进行解密之后,我们得到了一段JavaScript代码,如下所示:?

29430
  • 广告
    关闭

    云产品限时秒杀

    云服务器1核2G首年50元,还有多款热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    一次关于js事件出发机制反常的解决记录

    element.detachEvent){ element.detachEvent(on + type, handler); } else { element = null; } } };再来看看事件流 几个概念捕获阶段:事件对象通过目的祖先从传播窗口到目的父 目阶段:本次活动对象到达事件对象的事件的目。这个阶段也被称为目阶段。如果事件类型指示事件不起泡,则在完成此阶段后,事件对象将停止。 泡阶段:事件对象通过目的祖先中传播以相反的顺序,开始与目的父和与所述结束窗口。这个阶段也被称为泡阶段。 一个片? ()方法 }else{ window.event.cancelBubble = true; 否则,我们需要使用IE的方式来取消事件泡 }}当需要阻止默认事件时function stopDefault(

    43750

    JavaScript事件探秘

    IE的事件流是事件泡流,而Netscape的事件流是事件捕获流 1、事件泡事件泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的节点(文档)。 如下所示,如果你点击了按钮,那么也认为你点击了外面的div,最终会一直传递到document上,从小到大的传播,就好比水里鱼的泡,从小泡泡大道泡泡的过程。? Paste_Image.png3、事件的三个阶段事件的三个阶段分别是:捕获阶段、目阶段、泡阶段? 那么可以这样写:event.preventDefault()2、IE中的事件对象type:获取事件类型srcElement:事件目cancelBubble=true阻止事件泡returnValue= 而在 IE 中, event 参数是未定义的(undefined),因此就会返回 window.event。第二个方法是 getTarget(),它返回事件的目

    18520

    JavaScript 事件绑定

    所有DOM节点中都包含这两个方法,并且它们都接受3个参数;事件名、函数、泡或捕获的布尔值(true表示捕获,false表示泡)。 我们也可以通过event对象来阻止某一阶段的泡。那么W3C现代事件绑定可以设置泡和捕获。 在使用这两组函数的时候,先把区别说一下:1.IE不支持捕获,只支持泡;2.IE添加事件不能屏蔽重复的函数;3.IE中的this指向的是window而不是DOM对象。 IE不能屏蔽,需要单独扩展或者自定义事件处理。IE不能传递this,可以call过去。 link.onclick = function () {alert(Lee);return false;直接给个,就不会跳转了。}

    41760

    如何阻止泡&&浏览器默认行为

    阻止事件泡什么是事件泡这里就不再赘述了,网上的文章一大把,这里就简述一下如何阻止事件泡,阻止事件泡在使用浏览器原生API的情况下,是需要分情况考虑的,毕竟有个个性的浏览器IE,这里分为IE实现和 在W3C准实现中,我们阻止事件泡可以很容易使用准API 基本语法:event.stopPropagation();IE实现下(这里主要指IE低版本IE9以下版本,因为IE9也实现了W3C准) 基本语法 :event.cancelBubble = bool;当然IE准并不是只有IE支持,其实很多浏览器都实现了cancelBubble支持,但是后来虽然浏览器没有取消对cancelBubble属性的支持, ,IE是attachEvent)向父级节点继续泡不同点从名字上可以看出,Immediate立即的意思,event.stopImmediatePropagation 不止能阻止往父级节点泡,还能阻止当前节点其它事件的继续执行 ,会弹出浏览器右键菜单点击submit,会提交其所在表单点击checkbox 会选中或者反选还有其他的很多,这里就不一一列举了同样的对于阻止浏览器默认行为的实现也分为W3C准实现和IE实现(这里也只是指

    36840

    DOM事件第二弹(UIEvent事件)

    onbeforeunload 提示用户是否关闭当前网页 abort 片加载完成之前被用户终止时触发,元素:img;js对象:image error 资源加载出错被触发,元素:script、img、style 三、焦点事件不是所有的签都支持焦点事件,如div(不可编辑状态)、span、p等这类布局和显示内容的签不支持焦点事件,主要form、以及form下的签支持焦点事件。 事件名 说明 focus 获得焦点,不泡 blur 失去焦点,不泡 focusin 获得焦点,泡 focusout 失去焦点,泡 DOMFocusin 获得焦点,不泡,遗留方案 DOMFocusout 失去焦点,不泡,遗留方案 3.1 代理事件的兼容处理方案ie、opera、chrome等都支持focusin和focusout,但firefox不支持focusin和focusout。 英文输入状态不会触发这三个事件,只有非英文输入才触发(用输入法来确定的)ie8-不支持此类事件5.1 composition与input事件的结合,以及准浏览与ie、edge的区别?

    35090

    JavaScript第十一弹——事件流!事件代理!我懂了!

    1 事件泡 vs 事件捕获这一对兄弟时完全相反的。1)事件泡:IE事件流,事件有具体元素接收,逐级向上传播到document的过程。 ? 2)事件捕获:跟泡相反,不具体的节点先接收事件,具体节点后接收。 ?3)事件流:一个完整的DOM2事件流包括三个阶段:事件捕获、目阶段和事件泡阶段。 首先事件捕获,为截获事件提供机会,然后是目接收到事件,最后则是泡阶段,事件在这个阶段做出响应, 2 事件流的应用——事件代理 了解了什么事件流,大家一定会想,我要把这个东西放在哪里用呢?举个? :如说在一个ul中包含了n个li,要想给li添加事件,我们要怎样做呢?循环遍历获取li签吗?这里我们就可以利用我们的事件流,给父级签ul绑定事件。这就是事件代理! 事件代理就是通过泡原理实现的,像这个例子中,给ul绑定事件,那么ul的子签li做事件的时候就会泡到ul上触发事件 rabbit fatherrabbit motherrabbitrabbit sisterrabbit

    15820

    修复XP SP3的IE

    电脑主页被篡改了,于是用windows清理助手进行修复,但是修复后突然发现桌面的IE没了,到网上搜索了很多方法,下面就是来自网络上修复IE的方法,结果只有最后一个方法有效,那就是方法八,使用“OKHY 关于Windows XP SP3的IE不显示的问题: 通常我们装完Xp后,在控制面板-显示-桌面-自定义中,我们可以自行设置“我的文档”、“我的电脑”、“网上邻居”、“Internet Explorer ”这四个是否显示,但装完SP3后发现,这里已经看不到“Internet Explorer”了。 我们知道 Windows XP 之前在桌面上显示的“Internet Explorer”并不是一个普通的快捷方式,这个可以实现一些特殊功能,例如右键单击,在右键菜单中选择“属性”打开 Internet 即可显示。

    13910

    第55天:简单泡方法原理

    一、泡原理事件泡: 当一个元素上的事件被触发的时候,比如说鼠点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。 这一过程被称为事件泡;这个事件从原始元素开始一直泡到DOM树的最上层。 以下事件不泡:blur、focus、load、unload二、 阻止泡的方法 准浏览器 和  ie浏览器   w3c的方法是event.stopPropagation()  IE则是使用event.cancelBubble }        else        {  event.cancelBubble = true;   ie 678  ie浏览器  }三、判断当前对象   火狐 谷歌 等   event.target.id      ie 678          event.srcElement.id    兼容性写法:   var targetId = event.target ?

    17410

    第9章 JavaScript事件处理

    泡型事件(Bubbling):从DOM树型结构上理解,就是事件由子节点沿父节点一直向上传递直到根节点;从浏览器界面视HTML 元素排列层次上理解就是,事件由具有从属关系的最确定的目元素一直传递到最不确定的目元素 捕获型事件(Capturing):与泡型事件刚好相反,是由DOM树最顶层元素一直传递到最精确的元素。 注意:目前除IE外,其他主流浏览器如Firefox、Opera、Safari都支持准的DOM事件处理模型。IE仍然使用自己的模型,即泡型。9-4 常用的鼠事件有哪些? 为false即可取消浏览器的事件传递取消事件传递是指,停止捕获型事件或泡型事件的进一步传递。 **IE:**通过设置event对象的cancelBubble为true即可 function someHandle() { window.event.cancelBubble = true; } **

    5720

    面试官:考你几个简单的事件问题吧

    ----事件流的三个阶段:事件捕获阶段、目阶段和事件泡阶段(这个问题大多数同学都知道,很容易被问懵)。事件处理函数(事件侦听器):响应的某个事件函数。添加事件有几种方式(以click事件为例)? 普通浏览器使用event.stopPropagation();来阻止事件泡,IE使用event.cancelBubble = true;: btn.onclick = function (event) { event.cancelBubble = true; IE }}那些签支持load事件? body(或者window对象),img,script(IE9+),link(IE和Opera支持)。点击一下鼠前后会调用那些事件?mousedown > mouseup > click。 中间4个事件的执行,都是处于目阶段,目阶段会按照事件的添加顺序来执行,而不会管你是否是捕获还是泡。如何让一个事件先泡后捕获?

    14930

    javascript事件详解

    理解准浏览器下的事件对象与IE下的事件对象准浏览器下的事件对象是event,比如btn点击后;如下代码:var btn = document.getElementById(btn);btn.onclick = function(){ console.log(window.event) window.event.returnValue = false;}准浏览器下与IE下的事件目的区别准浏览器下使用 (event); console.log(event.target); 打印事件目元素}IE下是使用event.srcElement来指定当前的目元素,如下代码:btn.onclick = function ,那么在页面中会先弹出1,然后弹出2,如果使用stopPropagation()方法的话,只会在页面上弹出1,就不会泡到body上面去;IE下停止泡的话,我们可以使用cancelBubble属性,我们只要将此属性设置为 但是IE是不支持捕获事件的,但是stopPropagation()即支持捕获事件又支持泡事件的。

    43550

    事件

    ,事件捕获阶段,处于目阶段,事件泡阶段,首先发生的是事件捕获,为截取事件提供机会,然后是实际目接收事件,最后是泡阶段? 3: 解释IE事件泡和DOM2事件传播机制?IE事件泡:事件从目元素向父级元素传递,直到传递到 window ( document) 停止。? image.pngDOM2级事件传播:有3个阶段:捕获阶段:事件从document向子元素一层层传递,直到目元素处于目阶段:此时事件发生在目元素上,被看做泡的一部分泡阶段:和IE泡一样,从目元素向父级元素传递 鼠放置查看片1 鼠放置查看片2 鼠放置查看片3 你的代码 ------------------------------------------------------------- 鼠放置查看片 1 鼠放置查看片2 鼠放置查看片3 function $(id) { return document.querySelector(id); } function $$(cls) { return

    35130

    浅谈JavaScript的事件(事件流)

    IE的事件流失事件泡,而Netspace的事件流失事件捕获。事件泡  IE的事件流叫事件泡,即事件开始时,由具体的元素(文档中嵌套层次最深的节点)接收,然后向上传播到不具体的节点。 所有浏览器都支持事件泡。 上面的写法兼容了ie和非ie浏览器。事件捕获   事件捕获的思想是不太具体的节点先接收到事件,最具体的节点最后接收到事件。事件捕获的用意在于事件到达最终的节点前,就可以捕获。 DOM事件流  事件流包含三个阶段:事件捕获阶段、处于目阶段和事件泡阶段。首先发生的是事件捕获,为事件的截获提供了机会。然后是实际目接收到事件。 下一个阶段处于目阶段,于是事件在div上面发生,并在事件处理中被看成事件泡阶段的一部分。最后事件泡发生,并将事件回传到document。ie8以及更早的浏览器不支持Dom事件流。

    34880

    js 停止事件泡 阻止浏览器的默认行为

    在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件泡”和“阻止浏览器默认行为”。 浏览器默认行为:在form中按回车键就会提交表单;单击鼠右键就会弹出context menu.a签1..停止事件泡JavaScript代码1 如果提供了事件对象,则这是一个非IE浏览器2 if ( e && e.stopPropagation )3 因此它支持W3C的stopPropagation()方法4 e.stopPropagation(); 5 else6 否则,我们需要使用IE的方式来取消事件泡 2、使用原生javaScript,在事件处理程序中返回false只会阻止浏览器默认行为,而事件泡依然存在。3、浏览器默认行为和事件泡是相互独立的。阻止事件泡不会影响默认行为,反之亦然。 注意:有一些浏览器行为是在事件处理程序执行前发生的,也就是说这些默认行为是无法取消的,如:在大部分浏览器上鼠移到一个超链接上超链接的样式会发生改变,这个动作是发生在focus事件之前的,是focus事件处理程序中无法取消的

    1K120

    【JS】395-重温基础:事件

    1.事件流事件流描述的是从页面中接收事件的顺序,通常有这样两种完全相反的事件流概念:事件泡流(IE团队提出)和事件捕获流(网景团队提出)。 元素,这个 click事件就会按照下面顺序传播: document由此可见,元素绑定的事件会通过DOM树向上传播,每层节点都会发生,直到 document对象,如展示了泡过程: ? :document 看得出, document对象最新接收事件,然后沿DOM树依次向下,直到最后的实际目 元素,如展示了捕获过程:? 1.3 DOM事件流“DOM2级事件”规定的事件流包含三个阶段:事件捕获阶段,处于目阶段和事件泡阶段。事件捕获为截获事件提供机会,然后实际的目接收到事件,最后事件泡,对事件作出响应。 在DOM事件流中,实际目( 元素)在捕获阶段不接收事件,即在捕获阶段,事件从 document对象到 再到 后就停止,进入“处于目”阶段,事件在 元素上发生,然后才进入泡阶段,将事件传回给文档。

    33560

    前端开发面试题总结之——CSS3

    (1)盒子模型有两种:IE盒子模型、准W3C盒子模型;IE的content部分包含了border和pading。 (1)png24为的片在IE6浏览器上出现背景,解决方案是做成PNG8。 (3)IE6双边距bug:块属性签float后,又有横行的margin情况下,在IE 6显示margin比设置的大。 提醒,如果你的网站只需要兼容webkit、firefox、opera等浏览器,建议对于伪元素采用双号的写法,如果不得不兼容IE浏览器,还是用CSS2的单号写法比较安全。 img 下的留白,如下代码:把div的border打开,你发现片底部不是紧贴着容器底部的,是img后面的空白字符造成,要消除必须这样写后面两个签要紧挨着。ie7下这个bug 依然存在。

    42040

    js 停止事件泡 阻止浏览器的默认行为(阻止a签跳转 )

    在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件泡”和“阻止浏览器默认行为”。 停止事件泡JavaScript代码如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation )因此它支持W3C的stopPropagation()方法e.stopPropagation (); else否则,我们需要使用IE的方式来取消事件泡 window.event.cancelBubble = true;return false;阻止浏览器的默认行为JavaScript代码           编辑文章时阻止a签跳转 $(#final_content).find(a).click(function(e){ 如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.preventDefault ) { 阻止默认浏览器动作(W3C) e.preventDefault(); }else{ IE中阻止函数器默认动作的方式 window.event.returnValue = false; return

    52540

    JavaScript系列之事件泡机制简介

    JavaScript系列之事件泡机制DOM事件流(event flow )存在三个阶段:事件捕获阶段、处于目阶段、事件泡阶段,事件泡顺序是由内到外进行事件传播,事件泡是由IE开发团队提出来的, 听了简介介绍之后,您可能不理解,所以举个例子: js事件泡测试 test 点击test页签,会依次执行li的onclick、ul的onclick、div的onclick,content的onclick ,从内到外执行,所以这个就是泡事件的简单例子最近也遇到了这种情况,所以就去网上搜索资料,简单学习一下,就是点击一个按钮的时候,竟然触发了两次,通过排查,发现了泡机制导致的,解决方法是禁用事件泡机制 w3c的方法是e.stopPropagation(),IE则是使用e.cancelBubble = true$(element).click(function(e){ e.stopPropagation ();ie e.cancelBubble = true});当然除了泡机制会导致onclick被调用两次外,事件被绑定2次的情况也有可能,解决方法是解除事件,然后再绑定$(element).unbind

    23120

    相关产品

    • 智能编辑

      智能编辑

      腾讯云视频AI智能编辑提供无需人工,即可快速生成智能集锦(类型包括王者荣耀、英雄联盟、足球、篮球、花样滑冰等集锦)的服务,并且支持新闻拆条、广告拆条、人脸拆条服务,同时可生成视频的分类标签、视频标签,辅助视频推荐,AI识别片头片尾大大提升了短视频内容制作的便捷性,为短视频生产和智能融媒体编辑记者提升工作效率。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券