JavaScript事件简介

JavaScript事件简介

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：杨政
撰写时间：2020年4月29日

事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间
- JavaScript 与 HTML 之间的交互是通过事件实现的。
- 对于 Web 应用来说，有下面这些代表性的事件：单击事件、鼠标移入移出事件、 键盘按下/弹起事件等等

事件就是用户与浏览器的交互行为

	onclick 鼠标点击某个对象  
	ondblclick 鼠标双击某个对象  
	onerror 当加载文档或图像时发生某个错误   
	onfocus 元素获得焦点  
	onblur 元素失去焦点
	onkeydown 某个键盘的键被按下  
	onkeypress 某个键盘的键被按下或按住  
	onkeyup 某个键盘的键被松开 
	onload 某个页面或图像被完成加载  
	onmousedown 某个鼠标按键被按下  
	onmousemove 鼠标被移动  
	onmouseout 鼠标从某元素移开  
	onmouseover 鼠标被移到某元素之上  
	onmouseup 某个鼠标按键被松开  
	onreset 重置按钮被点击  
	onresize 窗口或框架被调整尺寸  
	onselect 文本被选定 
	onsubmit 提交按钮被点击  
	onunload 用户退出页面

鼠标 / 键盘属性
属性 描述
altKey 返回当事件被触发时，“ALT” 是否被按下。
button 返回当事件被触发时，哪个鼠标按钮被点击。
clientX 返回当事件被触发时，鼠标指针的水平坐标。
clientY 返回当事件被触发时，鼠标指针的垂直坐标。
ctrlKey 返回当事件被触发时，“CTRL” 键是否被按下。
metaKey 返回当事件被触发时，“meta” 键是否被按下。
relatedTarget 返回与事件的目标节点相关的节点。
screenX 返回当某个事件被触发时，鼠标指针的水平坐标。
screenY 返回当某个事件被触发时，鼠标指针的垂直坐标。
shiftKey 返回当事件被触发时，“SHIFT” 键是否被按下。

onmousemove
- 该事件将会在鼠标在元素中移动时被触发
事件对象
- 当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参 传 递传递进响应函数,在事件对象中封装了当前事件相关的一切信息，比如：鼠 标的坐标 键盘那个按键被按下，鼠标滚轮滚动的方向

		在IE8中，响应函数被触发时，浏览器不会传递事件对象，
		在IE8及以下的浏览器中，是将事件对象作为window对象的属性保存的
			
		clientX  可以获取鼠标指针的水平坐标
		clientY  可以获取鼠标指针的垂直坐标

例子：
event=event||window.event;

		var X=event.clientX;
		var Y=event.clientY;
		txt.innerHTML="X="+X+" Y="+Y;