博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
浏览器的事件机制
阅读量:6196 次
发布时间:2019-06-21

本文共 841 字,大约阅读时间需要 2 分钟。

一、标准事件流。ECMAScript标准规定事件流包括三个阶段。事件捕获阶段,处于目标阶段,事件冒泡阶段。

通过最简单的一段html代码来看:

      
复制代码

如果点击button之后,事件流应该是:(向下捕获)Document-->html节点-->body节点-->div节点-->button节点   {处于目标阶段}  (向上冒泡) button节点-->div节点-->body节点-->html节点-->Document

二、非标准时间流。IE浏览器。

通过最简单的一段html代码来看:

      
复制代码

如果点击button之后,事件流应该是: {处于目标阶段} (向上冒泡) button节点-->div节点-->body节点-->html节点-->Document

大家可以看出差别了。ie浏览器当点击button是。是没有事件捕获阶段的。

三、组织时间的默认行为。

 一般事件的执行顺序: 事件的捕获阶段-->处于目标阶段-->事件的冒泡阶段-->事件的默认行为。因为事件的默认行为在最后执行,所以我们就有了拦截它的条件。

以组织文本框获得焦点为例:

//阻止文本框获取焦点    var input=document.getElementById("inputText");    input.onmousedown=function(event){        event=event||window.event;        if(event.preventDefault){  //非IE浏览器阻止事件默认行为            event.preventDefault();        }else{            event.returnValue=false;//IE浏览器阻止事件默认行为        }    }复制代码

转载地址:http://vsfca.baihongyu.com/

你可能感兴趣的文章
5个月打造极致店内用户体验,看 Docker 如何帮助 Desigual 提升店内销售额
查看>>
干货 | 企业自主可控免费开源ERP:Odoo采购管理解决方案
查看>>
国行版HomePod终于上线,售价2799元
查看>>
SpringBoot从数据库加载配置信息
查看>>
貌似有点难——实验吧
查看>>
面向对象,二
查看>>
4- 深度学习之神经网络核心原理与算法-归一化与参数初始化
查看>>
万达网络科技集团发布“大数据+区块链”项目
查看>>
linux基础--LVM管理
查看>>
python中try except处理程序异常的三种常用方法
查看>>
用rsync进行文件同步
查看>>
百度.搜狐...2015产品经理面试题
查看>>
Jmeter CSV 参数化/检查点/断言
查看>>
python day three
查看>>
SCOM 2012系列⑪单台服务器性能图监控
查看>>
Android内核开发:在源码树中添加新的app应用
查看>>
自动拒绝恶意IP远程登录Linux服务器脚本
查看>>
CCNA实验之---单臂路由实现VLAN间路由
查看>>
Centos7&Centos6 Root密码破解详解
查看>>
Java回调理解 (step by step)
查看>>