利用javaScript处理常用事件代码实例解析

本篇文章小编给大家分享一下利用javaScript处理常用事件代码实例解析，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

1.窗体事件

例如 onload事件：当页面完全加载完成之后（包括图像，js文件，css文件等）该事件就会被触发。

	
		
		
		
	
	
		
我是花狗，花狗的花，花狗的狗。
	

resize事件：当调整浏览器的窗口到一个新的宽度或者高度时，就会触发resize事件。

scroll事件：文档或者浏览器窗口被滚动期间会触发scroll事件。

焦点事件：指元素对焦点的获得与失去，如文本框选中或者取消选中。

2.鼠标事件

例如当鼠标单击左键，会发生onclick事件：

	
		
		
		
		
	
	
		
我是花狗，花狗的花，花狗的狗。
	

注意：将html和body 的样式表都设置为width: 100%，height: 100%，否则onclick无效。

3.键盘事件

4.常用事件方法（包括窗口事件，鼠标事件，键盘事件，文本事件）

5.事件冒泡和事件捕捉

事件发生就会产生事件流，当一个HTML元素产生一个事件时，该事件会在元素节点和根节点之间按特定的顺序转播，类似于递和归。事件触发方式如下：addEventListener(“click”,“doSomething”,“ture”); 若第三个参数时ture是事件捕捉，若为false，则为事件冒泡，默认是冒泡。

捕捉型事件传播：

冒泡型事件传播