事件冒泡和事件捕获这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。 1、事件冒泡 事件冒泡：事件会从最内层的元素开始发生，一直向上传播，直到document对象。 2、事件捕获 事件捕获：与事件冒泡相反，事件会从最外层开始发生，直到最具体的元素。 3、addEventListener方法element.a
BOM：浏览器对象模型，核心对象为Window 通过var声明的所有全局变量和函数都会变成window对象的属性和方法，let或const则不行。 窗口加载事件：addEventListener('load' fuction(){}) DOMContentLoaded事件，仅当DOM加载完成才运行js函数 document.addEventListener('D
vue 添加监听事件addEventListener // vue 添加监听事件，addEventListener第二个参数要绑在this上，即需要在methods中声明，否则销毁的时候会报错 // 在mounted中监听，在beforeDestroy中销毁，绑定的事件在methods中声明 mounted() { // 监听 window.addEventListener('resize',
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>setInterval使用方法</title> <style type="text/css"> .com { width: 200px; height: 30px; background-color: burlywood; /* c
// 3.文本域字数不得超过限制 获取输入框 const textarea = document.querySelector('.comm-input textarea') // 3.1中文起始量 为false let isChinese = false textarea.addEventListener('compositionstart', function () { // 3.2该事件在开始输入中文时触发 isChinese
class mapMaxBounds { // map 是百度的BMap实例对象 // bounds 是百度的可视范围类型 BMap.bounds // 这里的map类型在我开发的时候使用的是BMapGL constructor(map, bounds) { this.map = map; map.disableInertialDragging(); this.enabl
<!-- * @Description: * @Version: 1.0 * @Author: 努力才能逃离 * @Date: 2022-08-02 10:01:51 * @LastEditors: 努力才能逃离 * @LastEditTime: 2022-08-03 10:48:33 --> <html> <head> <!-- <script src="./js/aframe.min.js"></
# 首先在html的head头部加： ```<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">```听说iOS 10 开始，meta 设置在 Safari 内无效了，在 iOS 的其他浏览器上也会相应出现无法禁止缩放的情况出现。
什么是事件 我们先来看看MDN做出的解释： 事件是您在编程时系统内发生的动作或者发生的事情，系统响应事件后，如果需要，您可以某种方式对事件做出回应。 说一下自己对事件的理解：事件是一种机制，当某些特定的行为或动作被触发，此时会自动执行其他行为。就拿我们常用的点击事件为例，当点击
事件监听 绑定事件 , 注册事件 , 事件监听 事件源 . addEventListener( '事件' , 事件处理函数 ) 1. 随机点名案例 // 数据数组 let arr = ['马超', '黄忠', '赵云', '关羽', '张飞']function getRandom(min, max) { return Math.floor(Math.rand
不好的实践，move 不能太快，否则会监听不到 let flag = false document.addEventListener('mousedown', down) document.addEventListener('mousemove', move) document.addEventListener('mouseup', up) function down() { flag = true // ...... } functi
rem布局的目的是为了让我们可以用同一份代码,适应不同端（rem：就是css单位） 1、手机端 1.1、项目入口html文件<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"> 1.2、在项目util文件夹下创建rem.js文件 1,3、再在main.js 文件import Rem fro
问题 如题所示 答案 js添加事件和移除事件:addEventListener()与removeEventListener() 源码如下： watch:{ show(value) { if (value) { document.body.addEventListener('click', this.close) } else {
代码: componentDidMount() { window.addEventListener('scroll', this.handleScroll); } handleScroll = (e) => { console.log(e); } 解决方案: window.addEventListener('scroll', this.handleScroll)添加一个true,即
removeEventListener移除事件监听 window.addEventListener('mousedown', e => this.closeMenu(e)) window.addEventListener('contextmenu', e => this.setPosition(e)) document.getElementById("myBtn").addEventListener("clic
基于事件的前端编程 本文写于 2022 年 5 月 17 日。 如果我们需要一个 TODO list 应用，你会怎么样去设计它？ 最简单直接的方法： UI 层创建一个按钮、一个输入框，用一个 ul 嵌套 li 做展示，每个 li 上都有一个删除按钮； 在 JS 中创建一个数组； 设置监听事件： 每次点击提交按钮就往数组里
function onBridgeReady(){ WeixinJSBridge.call("hideOptionMenu"); } if (typeof WeixinJSBridge == "undefined"){ if( document.addEventListener ){ document.addEventListener("WeixinJSBridgeReady", onBridgeReady, false);
前言 DOM0 级事件就是 html 元素添加onclick 属性，或者给元素添加onclick事件，但是同元素的同一事件只能绑定一个函数，否则后面的事件会覆盖前面的事件。 如果我们想一个元素绑定多次同一个时间，比如我想绑定2个onclick事件，2个都要生效，于是就有了DOM2 级事件，通过addEventListener绑定
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <
事件监听 概念 事件：事件是在编程时系统内发生的动作或者发生的事情 事件监听：是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为 绑定事件或者注册事件 使用 语法：元素对象.addEventListener('事件类型', 函数) 事件监听三要素： 事件源： 触发事件的元素 事
事件流 事件流与两个阶段说明 概念 事件流：指的是事件完整执行过程中的流动路径 假设页面里有个div，当触发事件时，会经历两个阶段，分别是捕获阶段、冒泡阶段 捕获阶段是 从父到子 冒泡阶段是从子到父 实际工作都是使用事件冒泡为主 事件捕获 概念 从DOM的根元素开始去执行对应的事件
touch事件有穿透的问题(都知道) 经常出现在蒙版(蒙版下还有链接跳转),触摸按下(蒙版下的链接),那么会直接消失蒙版,还会跳转!!!这就是touch穿透事件 解决：引入faskclick.js if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', fu
最近在学习vue过程中，写了scroll监听方法，但是发现滚动没有反映。于是，我就网上一查，就出现很多说在生命周期中加document.addEventListener('scroll',function(){})。 这样使用document.addEventListener会破坏vue的统一性，然后自己又试其他方法。发现设置容器的高度。就可以监听到了，
<style> div { width: 200px; height: 200px; background-color: coral; } </style> </head> <body> <div></div> </body> <script> var div = document.qu
