第七章 异步编码

1  事件处理程序

处理程序：即网页加载完毕后将执行的代码，称回调函数或监听器；

包含：处理函数+window.οnlοad=函数名;

1 

 

2 响应事件的方式编写代码

getElementByTagName返回NodeList对象，

表示DOM事件对象的属性：

target:存储触发事件的对象；

type：是字符串，如（"click","load"）指出发生的是哪种事件

timeStamp:提供事件发生时间属性；

keyCode：告诉用户刚刚按下那个键

clientX：确定鼠标/单击位置离浏览器窗口左边缘有多远；

clientY：确定鼠标/单击位置离浏览器窗口上边缘有多远；

screenX：确定鼠标/单击位置离屏幕窗口左边缘有多远；

screenY：确定鼠标/单击位置离屏幕窗口上边缘有多远；

pageX：确定鼠标/单击位置离网页窗口左边缘有多远；

pageY：确定鼠标/单击位置离网页窗口上边缘有多远；

touches：在触摸设备上确定用户用多少根手指触摸屏幕；

程序1 单击+计时

1   2   3   4   5   6   7   8   9 
      10  11  18  19 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 

 

程序2 鼠标位置

1  2  3  4  5  6  7   
      8  9   10 11   38 39 40 41 42 43 44 45 
Move mouse over map to find coordinates...
46 47 48 49 

 

3 事件群英谱

click：单击触发

load：加载完网页触发

unload：关闭或切换到其他网页触发

mousemove：在元素上移动鼠标触发

mouseover：鼠标移至元素上触发

mouseout：鼠标移开元素触发

keypress：按下任何键触发

resize：调整浏览器窗口大小触发

play：单击<video>元素播放按钮触发

pause：单击<video>元素暂停按钮触发

dragstart：用户拖曳网页元素时触发

drop：放下拖曳元素触发

touchstart：触摸设备，触摸并按住元素触发

touchend：停止触摸触发；