事件主题的文章列表，还有事件的技术要点_第17页

Js事件的截获

1.事件截获原理利用事件的捕获阶段，添加事件。再利用触发事件元素(e.target)来判断(根据一定的标识或者某些特征)是否是我们需要劫持的dom。 2.具体拦截这里使用id作为一个判断根据，真实场景中肯定不是这样的。这里的特征是需要根据一定的规则去寻找的。(这里只是为了演示原理)<!DOCTYPEht...

代码星球 ·2020-12-24

javascript的事件流模型都有什么？

事件流：当你在页面触发一个点击事件后，页面上不仅仅有一个元素响应该事件而是多个元素响应同一个事件，因为元素是在容器中的。事件发生的顺序就是事件流，不同的浏览器对事件流的处理不同。冒泡事件流：当触发一个节点的事件时，会从当前节点开始，依次触发其祖先节点的同类型事件，直到DOM根节点。捕...

代码星球 ·2020-12-24

JavaScript 和 Node.js 中的“事件驱动”是什么意思？

事件驱动架构是建立在软件开发中一种通用模式上的，这种模式被称为发布-订阅或观察者模式。在事件驱动架构中，至少有两个参与者：主题（subject）和观察者（observer）。主题就像调频收音机一样，向有兴趣收听该主题所说内容的观察者进行广播。观察者可能只有一个，也可能有一百个，这都没有关系，只要主题有一些要广播的消息就...

代码星球 ·2020-12-24

事件循环以及vue.nextTick的应用

事件循环三个概念调用栈，先进后出宏任务队列（存放宏任务的，队列先进先出）微任务队列异步任务又分为宏任务和微任务宏任务，macrotask，也叫taskssetTimeoutsetIntervalsetImmediate(Node独有)requestAnimationFrame(浏览器独有)I/ODOM/Webevent...

代码星球 ·2020-12-24

监听Canvas内部元素点击事件的三种方法

约定本文介绍的三种方法适用于识别canvas内形状不规则而且位置无规律的图形点击事件，对于形状规则或者位置有规律的场景，肯定有更简便的实现，这里不做讨论。像素法像素检测法的思路是，将canvas中的多个图形（如果有多个的话）分别离屏绘制，并用getImageData()方法分别获取到像素数据保存起来。当ca...

代码星球 ·2020-12-24

React添加事件

react添加事件,和DOM上添加事件类似,但又有细微的不同.react添加事件,需要注意:1.React的事件命名采用小驼峰(camelCase)的命名方式,DOM采用的是纯小写的方式;2.使用jsX语法时,需要传入一个函数作为事件的处理函数,DOM传入的是一个字符串(虽然DOM中传入的事件名称也可以是函数名称,但数...

代码星球 ·2020-12-24

输入框失去焦点事件和按钮点击事件冲突

场景是这样的：点击输入框失去焦点会触发验证方法，点击提交按钮的时候也会触发验证方法，如果用户点击输入框后点击提交按钮就会同时触发失去焦点方法和提交按钮方法，这样就会触发两次验证。我想写成只触发一次验证，在开发过程中我发现：在移动端当失去焦点和点击事件同时发生的时候，会先执行失去焦点事件，然后再执行点击事件，也就是说失去...

代码星球 ·2020-12-24

浏览器事件之事件流

介绍事件流描述的是从页面中接收事件的顺序。但是IE和Netscape却提出了两个完全相反的事件流，分别是事件冒泡流和事件捕获流。事件冒泡IE的事件流称为事件冒泡，从最具体的元素开始，然后逐渐向上传播到文档节点。如下图：我们以下面代码展示事件冒泡：<!DOCTYPEhtml><html>...

代码星球 ·2020-12-24

阻止表单的默认提交事件

表单一点击提交按钮(submit)必然跳转页面，如果表单的action为空也会跳转到自己的页面，即效果为刷新当前页。如下，可以看到一点击提交按钮，浏览器的刷新按钮闪了一下,如果想要阻止表单的默认提交事件，有以下几种方法： 1.将<input>标签内按钮类型从type="submit"修...

代码星球 ·2020-12-24

如何解决Access操作或事件已被禁用模式阻止

操作或事件已被禁用模式阻止。本来是Access安全设置的一部分，可以防止一些危险性的宏自动运行损坏数据，但是如果是自己在设计或是修改Access数据库的时候，这个就比较烦人了，一次次的提示，每次都需要打开。那么如何彻底不让他提示 Access数据库如图。每次执行Delete,updat...

代码星球 ·2020-12-23

博客园添加鼠标动态事件

https://www.cnblogs.com/wkfvawl/p/9414180.html...

代码星球 ·2020-12-18

JavaScript 中事件对象参数：clientX、clientY、offsetX、offsetY、screenX、screenY

JavaScript中一些概念理解：clientX、clientY、offsetX、offsetY、screenX、screenYclientX设置或获取鼠标指针位置相对于窗口客户区域的x坐标，其中客户区域不包括窗口自身的控件和滚动条。clientY设置或获取鼠标指针位置相对于窗口客户区域的y坐标，其中客户区域不包括窗...

代码星球 ·2020-12-10

事件委托原理之事件冒泡

其实这个事件委托原理事件冒泡也不是很难。。接下来我们看看事件委托，顾名思义，通俗点就是本该注册给我的事件现在注册在其他对象上了，那么问题来了，凭什么注册给其他对象，这个对象有什么限制吗？肯定有的，，事件委托的原理是事件冒泡，事件冒泡就是当前元素触发的事件会一级一级的向上传递，如果上级有这个事件，就会触发，没有不触犯，其...

代码星球 ·2020-12-10

浅析redis中的IO多路复用与事件机制

读这篇文章之前请先阅读：浅析服务器并发IO性能提升之路—从网络编程基础到epoll，以更好的理解本文的内容，谢谢。我们知道，我们在使用redis的时候，通过客户端发送一个get命令，就能够得到redis服务端返回的数据。redis是基于传统的C/S架构实现的。它通过监听一个TCP端口（6379）的方式来接收来自客户端的...

代码星球 ·2020-12-10

javascript——常用事件总结

Event对象：Event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件标签属性当以下情况发生时，出现此事件onabort图像加载被中断onchange用户改变域的内容onclick鼠标点击某个对象ondblclick鼠标双击某个对象o...

代码星球 ·2020-12-10