JavaScript是基于对象的脚本语言,它的一个最基本的特征就是采用事件鼎动。如,当鼠标指针经过某个按钮或者用户在文本框中输入某些信息时,都可以设置相应的JavaScript事件来完成某些特殊效果。下面,将对JavaScript中的常用事件进行详细讲解。

1.鼠标事件

鼠标事件是指通过鼠标动作触发的事件,鼠标事件有很多,下面列举几个常用的鼠标事件,如表所示。
在这里插入图片描述
2.键盘事件

键盘事件是指用户在使用键盘时触发的事件。例如,用户按【Esc】键关闭打开的状态栏,按【Enter】键直接完成光标的上下切换等。下面列举几个常用的键盘事件,如表15-16所示。

表15-16 JavaScript中常用的键盘事件
在这里插入图片描述
3.表单事件

表单事件是指对Web表单操作时发生的事件。例如,表单提交前对表单的验证,表单重置时的确认操作等。下面列举几个常用的表单事件,如表15-17所示。

表15-17 JavaScript中常用的表单事件
在这里插入图片描述
4.页面事件

在项目开发中,经常需要JavaScript对网页中的DOM元素进行操作,而页面的加载又是按照代码的编写顺序,从上到下依次执行的。因此,若在页面还未加载完成的情况下,就使用JavaScript操作DOM元素,会出现语法错误,例如下面的示例代码:
在这里插入图片描述
在上述代码中,第2行代码利用getElementByldO获取id为demo的元素,并为其添加击”弹框;第6行代码定义了一个用于单击的按钮。当用户单击按钮时,页面就会弹出一个提示框。

JavaScript全套教程

Web前端必学的JS入门教程,零基础JavaScript入门

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐