09 2020 档案
摘要：change 文本改变事件 ：用于input表单 文本改变的时候触发 error 加载错误事件 ：当加载出错和失败的时候触发 load 加载事件 ：加载事件，一般用于预加载或window.onload=function window.addEventListener("load",function(
阅读全文
摘要：我们利用元素获取矩形对象来实现 dom.getBoundingClientReact(); left 元素左边距离页面左边的距离 right 元素右边距离页面左边的距离 top 元素顶边距离页面顶端的距离 bottom 元素下边距离页面顶端的距离 <!DOCTYPE html> <html lang
阅读全文
摘要：最简单的方式拖拽，实现就是，给div 添加一个鼠标按下的事件onmousedown，在onmousedown 事件中在添加文档的鼠标移动事件onmousemove，并且在onmousemove事件中设置div 的属性 前提 div元素必须是position：absulote 绝度定位 ，之后在给di
阅读全文
摘要：鼠标事件有一下几种 1.click 单击 2.dblclik 双击 3.mousedown 鼠标三键其中之一 按下 4.mouseup 鼠标释放 5.mouseover 鼠标进入 6.mouseout 鼠标离开 5.6:鼠标移动到自身时候会触发事件，同时移动到其子元素身上也会触发事件，也就是说e.t
阅读全文
摘要：事件的原理--自定义事件--抛发事件 //事件抛发 //首先给div0 添加一个我们没见过的事件 也就是e.type div0.addEventListener("chilema",fn1); //实例化事件对象，并且创建一个chilema的事件 var evt=new Event("chilema
阅读全文
摘要：看下面的例子为什么要使用函数 function，事件中不能使用return来返回值，但是我们可以使用函数回调 来解决 var btn=document.querySelector("button"); btn.addEventListener("click",buttnHandler); var s
阅读全文
摘要：这里先主要讲解下 promise对象用于图片加载异步操作，具体深入 后续还会更新 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
阅读全文
摘要：第一种方法，异步回调，执行完这个函数，在回调<!DOCTYPE html<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
