DOM_06之定时器、事件、cookie

1、定时器：①任务函数：函数结尾判断临界值；②启动定时器：a、周期性：timer=setInterval（任务函数，interval）；b、一次性：timer=setTimeout（任务函数，wait）；③停止定时器：a、周期性：clearInterval（timer）；timer=null；b、一次性：clearTimeout（timer）；timer=null；

2、动画：变量：DISTANCE，DURATION，STEPS，step，interval，timer，moved；函数：start（）：setInterval（moveStep，bind（this），interval）；moveStep（）：对象移动step；

3、事件：用户手动触发，浏览器自动触发，元素状态改变；当事件发生时，浏览器自动调用事件处理函数；绑定事件处理函数：①在元素开始标签中绑定，<button οnclick=“js语句（this）”></button>；button.οnclick=function（）{eval（“js语句（this）”）}；单击按钮时，button.onclick（）；②js中为元素事件处理函数属性赋值：btn.οnclick=function（）{//this=>button；……}；③使用API添加事件监听：a、添加：btn.addEventListener（“事件名”，函数对象）；b、移除：btn.removeEventListener（“事件名”，函数对象）；

4、事件周期：①捕获：从外层元素向内层元素逐个记录绑定事件处理函数，默认暂不触发任何事件；②目标触发：优先触发目标元素上绑定的事件处理函数；*（目标元素为实际点击的元素；）；③冒泡：按照捕获的顺序由内层向外层逐层触发捕获的事件处理函数；修改事件触发顺序：btn.addEventListener（“事件名”，函数对象，capture）；*（capture表示是否在捕获阶段提前触发，取值true或false）；

5、事件对象：事件发生时，自动创建封装事件信息的对象event，作为事件处理函数的第一个参数自动传入；①阻止冒泡：e.stopPropagation（）；②利用冒泡：可减少事件监听对象，但须获得目标元素：target；*（因为事件监听易形成闭包难以释放；）；③取消事件（阻止默认行为）：e.preventDefault（）；

6、事件坐标：①参照屏幕左上角：e.screenX，e.screenY；②参照文档显示区左上角：e.clientX或e.x，e.clientY或e.y；③参照所在父元素的左上角：e.offsetX，e.offsetY；

7、页面滚动事件：onscroll；获得页面滚动过的距离：document.body.scrollTop或document.documentElement.scrollTop；

8、cookie：创建：document.cookie=“变量名=值；expires=”+date.toGMTString（）；

转载于:https://www.cnblogs.com/Jupiter258/p/6023716.html

DOM_06之定时器、事件、cookie相关推荐

QT学习笔记（七）：定时器事件的3种常用使用方式
QT学习笔记(七):定时器事件的2种常用使用方式 Qt中定时器的使用有2种方法:一种是使用QObject类提供的定时器通过重载 timerEvent 事件处理过程函数,一种就是使用QTimer类. 其 ...
Nginx学习之十-超时管理（定时器事件）
Nginx事件管理主要是网络事件和定时器事件.下面介绍定时器事件管理,即超时管理. 为什么要进行超时管理 Nginx有必要对可能发生超时的事件进行统一管理,并在事件超时时作出相应的处理,比如回收资源, ...
Qt4_Ticker定时器事件
定时器事件虽然绝大多数的其他事件类型的发生是因为用户的动作,但是定时器事件允许应用程序可以在一定的时间间隔后执行事件处理.定时器事件可以用来实现光标的闪烁和其他动画的播放,或者只简单地用作显示的刷新 ...
HS6621CG定时器事件调度
HS6621CG定时器事件调度例程一.Schedule 二.TIMER 2.1 定时单位 2.2 设置timer 例程生成一个定时器事件,每隔100毫秒运行一次函数 co_timer_t sim ...
【第十二篇】Flowable事件-定时器事件
Flowable事件事件(event)通常用于为流程生命周期中发生的事情建模.事件总是图形化为圆圈.在BPMN 2.0中,有两种主要的事件分类:*捕获(catching)与抛出(throwing ...
CAPL: 定时器事件
定时器类型 timer:以秒为单位 msTimer:以毫秒为单位定义定时器 Variable { timer 定时器名字; msTimer 定时器名字; } 设置计时器的时间 setTimer:设置 ...
qt-重写event（），事件过滤器，定时器，事件总结
一.认识事件 1.事件(event) 是由系统或者 Qt 本身在不同的时刻发出的.当用户按下鼠标.敲下键盘,或者是窗口需要重新绘制的时候,都会发出一个相应的事件.一些事件在对用户操作做出响应时发出,如 ...
【Qt教程】3.2 - Qt5 event事件、定时器timerEvent
Qt定时器与winform不一样,Qt中的定时器需要代码创建. GitHub源码仓库:Qt学习例程 1. Qt定时器事件的使用 Qt中定时器的创建和使用有两种使用方式: 第一种:(不常用,没有什么控制 ...
在Node.js中使用事件，监听器，定时器和回调
Node.js通过其强大的事件驱动模型提供了可扩展性和性能,本篇文章的重点是理解该模型,以及它是如何不同于大部分Web服务器采用的传统线程模型的.了解事件模型至关重要,因为它可能迫使你改变设计应用程序 ...

DOM_06之定时器、事件、cookie

DOM_06之定时器、事件、cookie相关推荐

最新文章

热门文章