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 onclick=“js语句(this)”></button>;button.onclick=function(){eval(“js语句(this)”)};单击按钮时,button.onclick();②js中为元素事件处理函数属性赋值:btn.onclick=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();

DOM_06之定时器、事件、cookie的更多相关文章

  1. C# 定时器事件(设置时间间隔,间歇性执行某一函数,控制台程序)

    定时器事件代码 static void Main(string[] args) { Method(); #region 定时器事件 Timer aTimer = new Timer(); aTimer ...

  2. 【转】C# 定时器事件(设置时间间隔,间歇性执行某一函数,控制台程序)

    using System.Timers;定时器事件代码 static void Main(string[] args) { Method(); #region 定时器事件 Timer aTimer = ...

  3. 定时器事件QtimerEvent 随机数 qrand Qtimer定时器

    QTimerEvent类:定时器事件.QObject的子类都可使用  int QObject::startTimer(int interval)[参数:毫秒][返回值:定时器整型编号]来开启一个定时器 ...

  4. QT_8_Qt中的事件处理_定时器事件_定时器类_事件分发器_事件过滤器_绘图事件_高级绘图事件_绘图设备_QFile 文件读写_QFileInfo文件信息

    Qt中的事件处理 1.1. 捕获QLabel中是鼠标事件 1.2. enterevent 鼠标进入 1.3. leaveevent 鼠标离开 1.4. 鼠标按下MyLabel::mousePressE ...

  5. 【Nginx】定时器事件

    转自:烟雨江南 Nginx事件管理主要是网络事件和定时器事件.下面介绍定时器事件管理,即超时管理. 为什么进行超时管理? Nginx有必要对可能发生超时的事件 进行统一管理,并在事件超时时作出相应的处 ...

  6. Qt事件系统之四:定时器事件与随机数

    一.定时器事件和随机数 QTimerEvent类用来描述一个定时器事件.对于一个QObject的子类,只需要使用int QObject::startTimer ( int interval)函数来开启 ...

  7. Nginx事件管理之定时器事件

    1. 缓存时间 1.1 管理 Nginx 中的每个进程都会单独地管理当前时间.ngx_time_t 结构体是缓存时间变量的类型: typedef struct { /* 格林威治时间1970年1月1日 ...

  8. Camunda定时器事件示例Demo(Timer Events)

    ​Camunda定时器事件(Timer Events)是由定义的计时器触发的事件.它们可以用作启动事件.中间事件或边界事件.边界事件可以中断,也可以不中断. Camunda定时器事件包括:Timer ...

  9. javaScript 笔记(4) -- 弹窗 & 计时事件 & cookie

    弹窗 可以在 JavaScript 中创建三种消息框:警告框.确认框.提示框. 警告框:经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行操作. 语法: window ...

随机推荐

  1. iTunes Connect 开发者上手经验(转)

    原文:http://www.cnblogs.com/zhw511006/archive/2013/01/15/2860945.html iOS Developer通常需要用到 developer.ap ...

  2. html给div加超链接的方法

    1.通过window.open函数 <div onclick="window.open('www.baidu.com')">在新窗口跳转至百度</div> ...

  3. Linux下VirtualBox启动物理硬盘上已安装的Window 8系统

    创建虚拟机 1.创建一个没有硬盘的windows虚拟机,与已安装在物理硬盘上的系统一致.2.通过命令行在创建的虚拟机目录下创建一个指向物理硬盘的虚拟硬盘 VBoxManage internalcomm ...

  4. 使用属性android:onClick,出现异常NoSuchMethodException

    在Activity中注册点击事件有两种方式,setOnClickListener或在xml中设置控件的android:onClick="gotoSecond"属性,在Activit ...

  5. RHEL6p5下ntfs分区的挂载及自动挂载

    No.1: #uname -a //查看你的Linux内核版本的命令 No.2:去http://www.atrpms.net/dist/el5/fuse/下载与内核接近的三个东西 fuse-libs- ...

  6. hdu 4193 - Non-negative Partial Sums(滚动数列)

    题意: 给定一个由n个整数组成的整数序列,可以滚动,滚动的意思就是前面k个数放到序列末尾去.问有几种滚动方法使得前面任意个数的和>=0. 思路: 先根据原来的数列求sum数组,找到最低点,然后再 ...

  7. 写在分类之首-----to do list!

    1.增强学习 http://www.wildml.com/2016/10/learning-reinforcement-learning/ 2.RNN 别人的博客目录: 1.学些增强学习(通过代码,练 ...

  8. 使用UG UISTYLER 窗体编辑器,创建对话框 part 2

    接下来看看自动生成的cs文件里的东西吧,下面是之前保存的窗体的cs文件: 如果仅仅做一些UG开发没有太多的语言基础,那并不需要去了解初始函数内的东西.只需要了解下3类入口函数如何修改和如何应用就可以了 ...

  9. sphinx教程

    http://www.php100.com/html/it/focus/2013/0916/6188.html### 以上一篇的email数据表为例: 数据结构: 01.CREATE TABLE em ...

  10. ListView 加载更多列表 Load More mono forandroid 项目笔记

    今天项目经理找我说Listview加载更多的时候会出现一些问题,主要表现在会顿一下.让我我就去找Java的方法看看.自己写出了mono 的加载更多功能.和大家分享一下 先看效果 首先是模型类ListI ...