javascript事件驱动及事件处理

时间 2019-11-29

原文原文链接

1. 经常使用事件javascript

　　经常使用的javascript事件能够分为鼠标事件、键盘事件、页面相关事件、表单相关事件等事件。html

javascript经常使用事件
事件		事件关联的对象	描述
鼠标键盘事件　　java	onclick	link及全部表单(form)子组件	用户单击鼠标时触发的对象事件
	ondbclick	link及全部表单子组件	用户双击鼠标时触发的对象事件
	onmousedown	document，link及全部表单子组件	用户按下鼠标时触发的对象事件
	onmouseup	document，link及全部表单子组件	用户鼠标按下后松开鼠标时触发的对象事件
	onmouseover	document，link及全部表单子组件	当用户鼠标移动到某个对象范围的上方时触发该对象时间
	onmousemove	document，link及全部表单子组件	用户鼠标移动时触发的对象事件
	onmouseout	document，link及全部表单子组件	当用户鼠标离开某对象范围时触发的对象事件
	onkeypress	image，link及全部表单子组件	当用户键盘上某个按键按下而且释放时触发的对象事件
	onkeydown	image，link及全部表单子组件	当用户键盘上某个按键按下时触发的对象事件
	onkeyup	image，link及全部表单子组件	当用户键盘上某个按键按下后松开时触发的对象事件
页面相关事件	onabort	image	当图形还没有彻底加载前，用户就单击了一个超连接，或单击中止按钮时触发的事件
	onerror	image，window	加载文件或图像发生错误时触发此事件
	onload	document	页面内容加载完成时触发此事件
	onresize	window	当浏览器的窗口大小被改变时触发此事件
	onunload	document	当页面关闭或退出时触发此事件
表单相关事件	onblur	window及全部表单子组件	当前对象元素失去焦点时触发此事件
	onchange	window及全部表单子组件	当前对象元素失去焦点而且元素的内容发送改变时触发此事件
	onfocus	window及全部表单子组件	当某个对象元素得到焦点时触发此事件
	onreset	form表单	当表单中Reset的属性被激活时触发此事件
	onsubmit	form表单	一个表单被提交时触发此事件

<html>浏览器

<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<title>事件处理综合示例</title>
</head>
<body>
　　<font style="cursor: hand;"
　　　　onclick="location='http://www.baidu.com'"
　　　　onmouseover="status='hello';this.color='red'"
　　　　onmouseout="status='';this.color='blue'">hello</font>
</body>
</html>函数

2. 事件处理程序ui

　　事件处理程序就是当某个事件发生后，处理事件的程序或函数。this

　　事件处理过程定义方式：在每一种事件名称前面加上on便可，如：onLoad，onClick。spa

　　调用事件处理程序常见方式有如下两种。orm

　 (1)将事件处理程序视为标记的事件属性的属性值，直接嵌入到html的标记内，例如：htm

　　(2)将事件处理程序视为对象属性的属性值，例如：

　　document.onLoad=alert("hello");

</script>