你们真的了解JS的事件吗?

数字织云鹤
• 阅读 1033
基础最后一篇啦,蹭着周六日赶紧写完,其他的都是DOM,BOM的api或者浏览器能力,高级技巧,Canvas使用等杂七杂八的知识点,这里就不一一介绍了,平时编码也用不太到,有兴趣的可以找找相关的书籍

前言

先说说JS事件流吧,JS事件流就是从从document开始到目标DOM节点之前的节点进行事件的捕获,在目标节点进行事件处理,然后事件处理当成冒泡的一部分,事件再回传到document,就是这样啦,应该很容易理解

正文

DOM0级事件

就是绑定的事件只能有一个,事件以on开头,重复绑定的事件会覆盖之前的事件,这和js重复声明变量相反, var a = 2; var a; a依然为2;

DOM2级事件

有两个方法addEventListener()和removeEventListener(),带三个参数第一个事件名,第二个事件处理程序,第三个Boolean型,true表示在捕获时候执行,false表示在冒泡时候执行

而他们处理程序的都是在对应DOM节点依附的作用域中运行的,也没什么好说的东西,就当做记个笔记吧

点赞
收藏
评论区
推荐文章
凝雪探世界 凝雪探世界
4年前
js-Answers一
JavaScript的组成JavaScript由以下三部分组成:1.ECMAScript(核心):JavaScript语言基础2.DOM(文档对象模型):规定了访问HTML和XML的接口3.BOM(浏览器对象模型):提供了浏览器窗口之间进行交互的对象和方法JS的基本数据类型和引用数据类型
徐小夕 徐小夕
4年前
如何用不到200行代码写一款属于自己的js类库
前言JavaScript的核心是支持面向对象的,同时它也提供了强大灵活的OOP语言能力。本文将使用面向对象的方式,来教大家用原生js写出一个类似jQuery这样的类库。我们将会学到如下知识点:闭包:减少变量污染,缩短变量查找范围自执行函数在对象中的运用extend的实现原理如何实现跨浏览器的事件监听原型链与继承接下来我会对类库
徐小夕 徐小夕
4年前
《javascript高级程序设计》核心知识总结
此文是对js高级程序设计一书难点的总结,也是笔者在看了3遍之后的一些梳理和感想,希望能借此巩固js的基础和对一些核心概念有更深入的了解。摘要js基本的数据类型和关键点变量,作用域和内存问题垃圾回收机制面向对象的程序设计实现类与继承的经典方式BOM和DOM对象DOM扩展与高级API介绍高级编程技巧跨文档消息传递和aja
达里尔 达里尔
3年前
用css的方式取消div的鼠标点击事件
有时候一些场景需要禁止对div等元素进行点击事件,这个时候如果用js的方法会费时费力,代码量还多,这个时候可以用这个css方法来禁止鼠标点击事件css.divpointerevents:auto|none;/这里的属性为none就是不可被点击/
Stella981 Stella981
3年前
Javascript核心对象
JavaScript的实现包括以下3个部分:1)核心(ECMAScript):描述了JS的语法和基本对象。2)文档对象模型(DOM):处理网页内容的方法和接口3)浏览器对象模型(BOM):与浏览器交互的方法和接口ECMAScript扩展知识:① ECMAScript是一个标准,JS只是它的一个实现,其他实现包括ActionScript。
Wesley13 Wesley13
3年前
CSS禁用鼠标拖拽选中内容
chrome webkituserselect:nonefirxfox mozuserselect:noneIE需要使用JS的onSelected事件了。JS代码      dom.style.MozUserSelect'none';//fixrox禁止选择的JS脚本      dom.st
Stella981 Stella981
3年前
Javascript基础知识学习(三)
前言:javascript是一种轻量的、动态的脚本语言,我们为什么要使用javascript?对于一个网页的设计,.html用来放置网页的内容,.css则用来设计网页的样式和布局,那么.js它主要是使网页能够产生交互,意思就是能够通过代码动态的修改HTML、操作CSS、响应事件、获取用户计算机的相关信息等。javascript不是所有的浏览器
Wesley13 Wesley13
3年前
JS异步的底层原理:单线程加事件队列
异步的底层原理:单线程事件队列。js的代码执行时单线程的,所谓单线程:就是js代码时从上到下按顺序依次执行的,一次只能做一件事情。事件队列可以看作一个容器,这个容器存储着js的回调函数,只有js代码执行结束后,才会去事件队列中调用这些回调函数。例:1//以下的代码先执行for循环,再输出sum值,然后输出正常代码执行,最后
Wesley13 Wesley13
3年前
JS的事件冒泡和事件捕获
什么是事件?事件是文档和浏览器窗口中发生的特定的交互瞬间。事件是javascript应用跳动的心脏,也是把所有东西黏在一起的胶水,当我们与浏览器中web页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击,鼠标经过某个特定元素或按下键盘上的某些按键,事件还可能是web浏览器中发生的事情,比如说某
Stella981 Stella981
3年前
Javascript高级编程学习笔记(57)—— 事件(1)事件流
事件JS与HTML的交互是通过事件实现的而事件指的就是:文档或浏览器窗口特定的交互瞬间可以通过侦听器来预定事件,以便在事件发生时执行相应的代码这种模式也是设计模式中的观察者模式事件流有了事件,也就有了事件流的概念事件流故名思意:也就是事件的流向,所以事件流描述的是从页面中接收事件的顺序虽然事件流描述的都是事件的流
前端技术探秘-Nodejs的CommonJS规范实现原理 | 京东物流技术团队
了解Node.jsNode.js是一个基于ChromeV8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务