您的位置:

javascript常见的事件的简单介绍

本文目录一览:

js 触发事件种类类型有哪些

一般事件 onclick IE3、N2 鼠标点击时触发此事件

ondblclick IE4、N4 鼠标双击时触发此事件

onmousedown IE4、N4 按下鼠标时触发此事件

onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件

onmouseover IE3、N2 当鼠标移动到某对象范围的上方时触发此事件

onmousemove IE4、N4 鼠标移动时触发此事件

onmouseout IE4、N3 当鼠标离开某对象范围时触发此事件

onkeypress IE4、N4 当键盘上的某个键被按下并且释放时触发此事件.

onkeydown IE4、N4 当键盘上某个按键被按下时触发此事件

onkeyup IE4、N4 当键盘上某个按键被按放开时触发此事件

js中常用的事件有哪些

最常用的就是onclick咯, 鼠标点击事件, 还有onblur, onchange, onload等等, 具体可以参考w3cSchool的相关api, 给你地址

javascript事件流模型有哪些

javascript常用的事件主要有:

(1)单击事件:onclick。用户单击鼠标按键时产生的事件,同时。nclick指定的事件处理程序或代码将被调用执行.

(2)改变事件:onchange。当text或textarea元素内的字符值改变或select表格选项状态改变时发生该事件。

(3)选中事件:onselect。当text或textarea对象中的文字被选中时会引发该事件。如:

ipnut type="text" value="默认信息”onselect=alert(”选中T文本框中的文字”)

(4)获得焦点事件:onfocus。用户单击text或textarea以及select对象,即光标落在文本框或选择框时会产生该事件。如:

select name= "zhengjian" onfocus=alert(”成为焦点”)

(5)失去焦点事件:onblur.失去焦点事件正好与获得焦点事件相对,当text或textarea以及select对象不再拥有焦点而退出后台时,引发该事件。

(6)载人文件事件:onload,’当页面文件载人时产生该事件。onload的一个作用就是在首次载人一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在body标记中。如:

body onload=alert(”正在加载页面,请等待一”)

(7)卸载文件事件:onunload。与载人文件事件。nload正好相反,当Web页面退出时引发的事件,并可更新。ookie的状态。如:

body onunload=confirm(”确定要离开本页?”)

(8)鼠标镇盖事件:onmouseover, onmouseover是当鼠标位于元素上方时所引发的事件。如:

input type= "boutton" value=”按钮”onmouseover= "window. status=‘请注意下面的状态栏·;return true"

(9)鼠标离开事件:onmouseout, onmouseout是当鼠标离开元素时引发的事件。如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果。

(10)一般事件。

ondbclick:鼠标双击事件。

onkeypress:当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活的对象。

onkeydown:当键盘上某个键被按下时触发的事件,要求页面内必须有激活的对象。

onkeyup:当键盘上某个键被放开时触发的事件,要求页面内必须有激活的对象。

(11)页面相关事件。

onabort:图片在下载时被用户中断时触发的事件。

onbeforeunload:当前页面的内容将要被改变时触发的事件

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

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 = "";

}

};

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