事件的定义:指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器(或者处理程序)来预定事件,以便事件发生的时候执行相应的代码。
事件类型:事件类型是一个用来说明发生什么类型事件的字符串。像鼠标悬浮,按下键盘等。我们也可以把事件类型叫做事件名字,用特定的名字来标识所谈论的特定类型的事件。
事件目标:事件目标是发生的事件或与之相关的对象。当讲事件时,我们必须同时指定类型和目标。像window上的load事件或者链接的click事件。在客户端js的应用程序中,Window、Document、和Element对象是最常见的事件目标,但是某些事件也是由其它类型的对象触发的。
事件处理程序或事件监听程序:我们用户在页面中进行的点击这个动作,鼠标移动的动作,网页页面加载完成的动作等,都可以称之为事件名称,即:click、mousemove、load等都是事件的名称。响应某个事件的函数则称为事件处理程序,或者叫做事件侦听器。
事件对象:事件对象是与特定事件相关且包含有关该事件详细信息的对象。事件对象作为参数传递给事件处理程序函数。所有的事件对象都有用来指定事件类型的type属性和指定事件目标的target属性。每个事件类型都为其相关的事件对象定义一组属性。
鼠标事件类型:
属性 | 描述 |
---|---|
onclick | 当用户点击的时调用的事件 |
oncontextmenu | 当用户点击鼠标右键打开上下文菜单时触发 |
ondbclick | 当用户双击的时调用的事件 |
onmousedown | 鼠标按下 |
onmousemove | 鼠标移动 |
键盘事件类型:
属性 | 描述 |
---|---|
onkeydown | 某个键盘按键被按下时调用的事件 |
onkeypress | 某个键盘按键被按下并松开 |
表单事件类型:
属性 | 描述 |
---|---|
onblur | 元素失去焦点时触发 |
onchange | 该事件在表单元素的内容改变时触发 |
onfocus | 元素获取焦点时触发 |
onsubmit | 表单提交时触发 |