前言： 我们在浏览移动端web页面的时候，经常会用到下拉刷新。 现在我们用原生的js实现这个非常简单的下拉刷新功能。 （温馨提示：本文比较基础，功能也很简单。写的不好的地方，希望大神提点一二。） 一、创建简单的html页面： 假设代码里的float-box是一个主页面。 二、封装下拉刷新的功能模块： ...
分类：
Web程序 时间：
2019-12-01 11:35:15
阅读次数：
116
概念 简单来讲事件流就是页面接受事件的顺序，事件发生后会在元素节点之间按照某种顺序传播 document->html->body->div->body->html->document这是DOM2级规定的事件流顺序，如下图： <body> <div id="outer"> <div id="inner ...
分类：
Web程序 时间：
2019-11-23 21:39:25
阅读次数：
91
注册事件有两种方式，分别是DOM0级和DOM2级 DOM0级就是通过事件绑定的形式dom元素只能有(绑定)一个事件处理函数，他的特点是同一个元素绑定相同事件， 后面函数会覆盖前面的 绑定： dom.on+type = 事件处理函数 dom.onclick = function(){} 函数里面是要执 ...
分类：
Web程序 时间：
2019-11-23 21:36:40
阅读次数：
96
1.非行内样式获取 高级浏览器 ie浏览器 兼容写法 2.事件冒泡的兼容 高级浏览器 ie浏览器 兼容写法 3.阻止默认事件 高级浏览器 ie浏览器 兼容写法 4.DOM2级绑定事件 高级浏览器 ie浏览器 兼容写法和删除兼容 6.ajax的兼容 7.获取滚动条距离 8.鼠标编码的兼容 9.获取键盘 ...
分类：
Web程序 时间：
2019-11-02 16:01:09
阅读次数：
101
事件流程分为三个阶段：捕获阶段、目标阶段、冒泡阶段。 捕获阶段：事件从最顶层元素开始执行，一层层往下，直到精确元素。 目标阶段：事件在精确元素上执行。 冒泡阶段：事件从精确元素开始执行，一层层往上，直到顶层元素（注：高级浏览器的顶层元素是window，ie8以下的浏览器顶层元素是document） ...
分类：
其他好文 时间：
2019-09-29 22:02:12
阅读次数：
121
ngAfterViewInit(): void { // DOM 加载完成的生命周期函数， 在此处获取 DOM let dom2: any = document.getElementById('dom2') console.log(dom2) dom2.style.color = 'blue' } ...
分类：
其他好文 时间：
2019-09-22 15:06:40
阅读次数：
116
jQuery事件与js事件 在js事件中,事件绑定分为两种: 1.赋值式事件绑定(又称为DOM0级事件绑定) 2.监听式事件绑定(又称为DOM2级事件绑定) 在jq事件中,事件绑定只有 监听式绑定一种 事件绑定的语法 绑定方式 1.on绑定(支持事件委托) tip:在on绑定的过程中,存在一个命名空 ...
分类：
Web程序 时间：
2019-09-21 10:50:10
阅读次数：
102
1.获取滚动距离 2.获取非行间样式 3.事件源 target=e.target||e.srcElement 4.事件中事件对象的获取 5.阻止事件冒泡 6.阻止默认事件 7.获取按下的键盘码 8.监听式绑定（DOM2级事件绑定） 9.通过事件句柄找到原来的事件处理函数，删除 ...
分类：
Web程序 时间：
2019-08-31 15:30:17
阅读次数：
120
之前总是单纯的记得事件冒泡和事件捕获相反，一个从下至上，另一个从上至下，但是却没有弄明白他们的执行顺序，导致昨晚笔试CVTE出了类似这么一道题不会做。 对于DOM和DOM2级事件这两个区别就不详细解释了，网上大把资料。 这里仅针对该题目进行事件捕获和事件冒泡顺序进行理解。 首先要明白DOM2级事件规 ...
分类：
其他好文 时间：
2019-08-31 12:45:36
阅读次数：
82
1、DOM0级和DOM2级的共同优点：能添加多个事件处理程序，按顺序执行，HTML事件处理程序无法做到~2、关于dom0级和dom2级的区别DOM0级事件处理：同时绑定几个不同的事件，例如在绑定onclick的基础上再绑定一个onmouseover为按钮2设置背景颜色（这里注意不能onclick、o ...
分类：
其他好文 时间：
2019-08-30 09:39:43
阅读次数：
104
