JavaScript中都有些什么事件?事件有什么作用?

JavaScript053

JavaScript中都有些什么事件?事件有什么作用?,第1张

JavaScript中主要的事件有如下这些:

事件的作用:

事件在HTML中扮演着相当重要的作用,要了解他的作用,首先我们了解下事件的概念:

“事件指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器(或者处理程序)来预定事件,以便事件发生的时候执行相应的代码。”

从事件的概念可看出,事件可以大大提高网页的交互性。在上面表格中列出来的事件,我们都可以通过事件处理程序(侦听器)捕捉到。比如当用户点击某个 HTML 元素时启动一段 JavaScript。

为了更通俗的描述事件的作用,下面我列举了几个事件使用的例子:

1、 监听按钮的点击事件onclick,当该事件发生后可以执行JavaScript进行提醒;

alertBtn.onclick = function() {

alert("你在网页中执行了点击操作!")

}

2、 监听页面的加载事件onload,进行一些初始化操作。

window.onload = function() {

prepareEventHandlers()//prepareEventHandlers函数中进行了初始化操作。

}

3、监听表单的onblur事件,当输入框失去焦点时是否显示提示信息。如下面的邮箱输入框:

emailField.onblur = function() {

if ( emailField.value == "") {

emailField.value = "输入邮箱"

}

}

4、监听表单的onfocus事件,当输入框获取焦点时执行一些操作,如清除提示信息。

emailField.onfocus = function() {

if ( emailField.value == "输入邮箱") {

emailField.value = ""

}

}

可以到教程网-秒秒学上看下相关课程,夯实下基础,事件的机制其实并不难,希望对你理解事件有所帮助。

1、onClick单击事件,常用于button\radio\checkbox\reset buttons\submit buttons对象上面。

2、onChange改变事件,常用于textbox \textarea对象上面,当输入的字符值改变时执行对应的事件代码。

3、onSelect选中事件,当text或textarea对像中的文字被加亮后,引发该事件。

4、onFocus获得焦点事件,当用户单击Text对像以及select对象时,产生该事件。

5、失去焦点onBlur,当不在拥有焦点而退到后台时,引发该事件。

6、载入文件onLoad事件,当文档载入时,产生该事件。onLoad一个作用就是在首次载入一个文档时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用。

7、制裁文件onUnload事件,当WEB页退出时引发onUnload事件,并可更新Cookie的状态。