事件有几个阶段?事件绑定方式有哪些?以及区别是什么?_小鱼儿同学啦的博客-程序员ITS301_绑定事件的阶段捕获阶段

技术标签: 事件有几个阶段?  事件绑定方式有哪些?  绑定事件的区别是什么?  

事件有三个阶段:

1.事件捕获阶段-----由外向里

2.事件目标阶段-----最开始选中的那个,但是不一定是最先出现的,根据是那个阶段而定

3.事件冒泡阶段-----有里向外

事件绑定方式有哪些?

DOM和jQuery当中都有

DOM中:

1.对象.on事件名字=事件处理函数----------如果是多个相同事件注册用这种方式,最后一个执行,之前的会被覆盖掉;

   参考代码:my$("ID名字").οnclick=function( ){ };

2.对象.addEventListener("没有on的事件名字",事件处理函数,false);

  参考代码:my$("ID名字").addEventListener("click",function( ){ },false);

3.对象.attachEvent("有on的事件的名字",事件处理函数);

  参考代码:my$("ID名字").attachEvent("onclick",function( ){ });

总结绑定事件的区别:

addEventListener();
attachEvent();
相同点:都可以为元素绑定事件
不同点

* 1.方法名不一样

* 2.参数个数不一样addEventListener三个参数,attachEvent两个参数

* 3.addEventListener 谷歌、火狐都支持,IE8不支持 , attachEvent 谷歌火狐都不支持,IE8支持

* 4.this不同,addEventListener 中的this是当前绑定事件的对象 , attachEvent中的this指的是window

* 5.addEventListener中的事件的类型(事件的名字)没有on ,attachEvent 中的事件的类型(事件的名字)有on

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_41829477/article/details/81164315

智能推荐

Kubernetes入门指南_星河_赵梓宇的博客-程序员ITS301

Kubernetes 简介Kubernetes 是谷歌开源的容器集群管理系统,是 Google 多年大规模容器管理技术 Borg 的开源版本,主要功能包括: 基于容器的应用部署、维护和滚动升级 负载均衡和服务发现 跨机器和跨地区的集群调度 自动伸缩 无状态服务和有状态服务 广泛的 Volume 支持 插件机制保证扩展...

网站http自动跳转https方法教程_沃通WoTrus的博客-程序员ITS301_http自动跳转https

Apache服务器:如果需要整站跳转,则在网站的配置文件的Directory标签内,键入以下内容:RewriteEngine onRewriteCond %{SERVER_PORT} !^443$RewriteRule ^(.*)?$ https://%{SERVER_NAME}/$1 [L,R]如果对某个目录做https强制跳转,则复制以下代码:RewriteEngine...

PYTHON筛选特定文件名的文件(关键词筛选,无视不同格式)_AZWSXQD的博客-程序员ITS301_python if筛选文件名

import osimport numpy as npimport pandas as pdimport shutil#os 和 shutil都是python自带模块不用安装file_path='G:\\360MoveData\\Users\Administrator\\Desktop\\长庆项目整理过的文件\\所有带山的WIS' #被筛选文件所在路径filename_pat...

pip install pyodbc : ERROR: Command errored out with exit status 1_geekqian的博客-程序员ITS301_pip安装pyodbc报错

错误详情如下图:单单搜索 “ERROR: Command errored out with exit status 1” 这个异常发现很多不相干的答案. 然后通过关键词 “error: command ‘x86_64-linux-gnu-gcc’ failed with exit status 1 PYODBC” 搜索到以下答案:https://github.com/mkleehammer/pyodbc/issues/276使用以下命令安装 ODBC header files 解决sudo apt

vue中axios设置表单头_解决在Vue中使用axios用form表单出现的问题_weixin_39827589的博客-程序员ITS301

vue中使用Axios第三方库,采用形式提交,参数格式为multipart /格式数据 ,请求参数变为对象格式的解决办法。(推荐第二种方法)提交数据的四种编码方式一,应用/ X WWW的窗体-urlencoded这应该是最常见的后编码方式,一般的表单提交默认以此方式提交。大部分服务器语言对这种方式都有很好的支持。在PHP中,可以用$ _ POST [“钥匙”]的方式获取到关键的值,在节点中我们可以...

SystemVerilog(十一)-SystemVerilog 包_碎碎思的博客-程序员ITS301

数字硬件建模SystemVerilog(十一)-SystemVerilog 包最初的Verilog语言没有一个可用于多个模块的定义。每个模块都必须有任务、函数、常量和其他共享定义的冗余副本。传统的Verilog编码风格是将共享定义放在一个单独的文件中,然后可以使用“include”编译指令将其包含在其他文件中。该指令指示编译器复制包含文件的内容,并将这些内容粘贴到“inc...

随便推点

iOS10 XCode8 证书问题Signing解决方法_预言之子IX的博客-程序员ITS301

中秋节项目要发布,临时在家里电脑打包,发现证书一直识别失败。仔细看了Xcode的配置。尼玛Build Setting里原有的证书设置 居然Deprecated了。然后工程一直打包失败,Target -  General 里各种红色感叹号,识别不出匹配的证书。折腾了半天发现用下面的方法,10秒钟完美解决:Target -  General - 勾选 X

探讨基于球谐函数的全局光照_wodownload2的博客-程序员ITS301_球谐波函数 光照

球谐光照是基于预计算辐射度传输(precompute radiance transfer, PRT)理论实现的一种实时渲染级技术。预计算辐射度传输技术能够实时重现在区域面光源照射下的全局照明效果。这种技术通过在允许运行前对场景中光线的相互作用进行预计算,计算场景中每个物体表面点的光照信息,然后用球谐函数(spherical harmonic lighting)对这些预计算的光照信息数据进行编码,...

php pg insert用法,PHP:pg_escape_identifier()的用法_PostgreSQL函数_weixin_39614262的博客-程序员ITS301

pg_escape_identifier(PHP 5 >= 5.4.4)pg_escape_identifier —Escape a identifier for insertion into a text field说明string pg_escape_identifier([ resource $connection], string $data)pg_escape_identifier...

springboot自定义配置文件_weixin_30354675的博客-程序员ITS301

  前言:如果你一点spring的基础没有,建议你不要学习springboot,至少先有一个spring的项目经验或者自己搭建过spring的项目再学习springboot,这样你会发现在spring中搞不懂的,在springboot中得到一些答案。springboot的原则是“约定大于配置”,所以在使用springboot的时候如果出现问题,没有一点基础,解决问题就很困难。  目标:将spr...

计算机应用数值和文本区别,计算机应用基础选择精选100题_萨缪尔的博客-程序员ITS301

选择题精选1. 目前人们普遍使用的电子计算机是()A.数字电子计算机B.模拟电子计算机C.数字模拟混合电子计算机D.优化电子计算机2. 20世纪50年代到60年代,3. 电子计算机的功能元件主要采用的是()A.电子管B.晶体管C.集成电路D.大规模集成电路4. CAI是指5. ()A.计算机辅助教学B.计算机辅助设计C.计算机辅助制造D.计算机辅助管理6. 计算机能够进行数据处理工作是从第()代计...

第三段:uvm_config_db与uvm_resource_db分析(二次更新)_吃辣椒的年糕的博客-程序员ITS301_uvm_resource_db no reg test

1)基础用法:我们在工程中主要是对virtual的interface用到了config_db,大概流程如下:首先我们在顶层中例化了interface,然后就用config_db::set把interface这样一个virtual interface放入resource_pool中,resource_pool也就是两张表,之后在所需要的时候调用config_db::get获取即可,config_db::set有4个参数,前两个组成一个范围,这个范围内的单位才可以通过get获取我放入资源池的数据,第三个参数

推荐文章

热门文章

相关标签