var passiveEvent = false; try { var opts = Object.defineProperty({}, 'passive', { get: function () { passiveEvent = true; } }); window.addEventListene ...
分类：
其他好文 时间：
2020-12-14 13:18:20
阅读次数：
2
一、组件的生命周期钩子事件 Vue的生命周期函数，其实就是Vue开发者设定的一些hook钩子，你只要往hook里面编写代码，它就可以执行。如vue实例里的beforeCreate、created、mounted等，都是钩子。 但是你可能不知道，在Vue当中，触发钩子函数的时候，也会向父组件$emit ...
分类：
其他好文 时间：
2020-06-13 11:06:28
阅读次数：
54
(点击图片进入关卡) 使用单个事件侦听器来处理多个元素。 简介 当一个事件函数被调用时，它会添加一个叫做 this 的变量。 当与 jQuery 对象一起使用时，它会选择它被调用的特定元素。 默认代码 <!-- 找到哪个元素被选中是有可能的。 --> <!-- 在事件函数中使用$（this）就可以做 ...
分类：
Web程序 时间：
2020-05-20 18:45:11
阅读次数：
71
一、事件处理程序 响应某个事件的函数叫做事件处理程序（或事件侦听器），为事件指定处理程序的方式有下面几种。 1、html特性 <input type="button" value="click me" onclick="alert(event.type)"/> 这样指定事件处理程序具有一些独到之处。 ...
分类：
编程语言 时间：
2020-04-30 09:57:37
阅读次数：
66
前言 JavaScript是一种事件驱动型语言。==事件驱动是指JavaScript引擎并不是在看到代码之后就会立即执行，而是会在合适的时间才去执行。这个合适的时间是指当某个事件发生之后（例如一个输入框的内容发生了变化，这就是一个事件）==。只有当相应的事件发生了之后，相应的操作才会执行，这就是事件 ...
分类：
Web程序 时间：
2020-04-18 14:14:34
阅读次数：
131
js中元素的拖拽效果需要用到的主要的知识点为：事件侦听和鼠标事件。即被拖拽的元素添加事件侦听，侦听的事件主要为mousedown，mousemove和mouseup，一些情况下还需要用到mouseleave。本篇所针对的原理是存在多个相同元素情况下的拖拽。下面结合案例进行分析。1.首先在body中创 ...
分类：
Web程序 时间：
2020-04-06 13:42:26
阅读次数：
84
.capture - 添加事件侦听器时使用capture 模式。 .capture事件修饰符的作用是添加事件侦听器时使用事件捕获模式 即是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发，就是谁有该事件修饰符，就先触发谁。 参考 关于Vue 修饰符c ...
分类：
其他好文 时间：
2020-03-16 14:39:08
阅读次数：
76
javascript ：选取元素，操作元素，操作CSS，事件侦听和处理 var element = document.getElementById("id"); var elements = document.getElementByClassName("classname"); var eleme ...
分类：
编程语言 时间：
2020-03-05 15:01:48
阅读次数：
75
事件修饰符：stop 阻止冒泡 prevent 阻止默认事件 capture 添加事件侦听器时使用事件捕获模式 self 只当时间在该元素本身（比如不是子元素）触发时触发回调 once 事件只触发一次 sopt： 如果没有没有设置阻止冒泡事件，子元素就会向父元素产生冒泡事件 添加stop后 prev ...
分类：
其他好文 时间：
2019-10-18 18:36:34
阅读次数：
92
事件的概念： HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。 想要知道这些事件是在什么时候进行调用的，就需要了解一下“事件流”的概念。 什么是事件流： 1，DOM事件流， 事件流包 ...
分类：
Web程序 时间：
2019-08-28 22:25:37
阅读次数：
151
