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 = “”;

}

};

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

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/188759.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-11-28 13:33
下一篇 2024-11-28 13:33

相关推荐

  • Python简单数学计算

    本文将从多个方面介绍Python的简单数学计算,包括基础运算符、函数、库以及实际应用场景。 一、基础运算符 Python提供了基础的算术运算符,包括加(+)、减(-)、乘(*)、除…

    编程 2025-04-29
  • Python满天星代码:让编程变得更加简单

    本文将从多个方面详细阐述Python满天星代码,为大家介绍它的优点以及如何在编程中使用。无论是刚刚接触编程还是资深程序员,都能从中获得一定的收获。 一、简介 Python满天星代码…

    编程 2025-04-29
  • Python海龟代码简单画图

    本文将介绍如何使用Python的海龟库进行简单画图,并提供相关示例代码。 一、基础用法 使用Python的海龟库,我们可以控制一个小海龟在窗口中移动,并利用它的“画笔”在窗口中绘制…

    编程 2025-04-29
  • Python樱花树代码简单

    本文将对Python樱花树代码进行详细的阐述和讲解,帮助读者更好地理解该代码的实现方法。 一、简介 樱花树是一种图形效果,它的实现方法比较简单。Python中可以通过turtle这…

    编程 2025-04-28
  • 抖音外放亲妈下葬事件的背后真相

    近期,一段抖音外放亲妈下葬的视频引发广泛关注和热议。不少人对这个事件感到震惊和愤怒,认为这种行为非常不尊重亲人,触犯了社会公德和家庭道德。但是,事情真相到底是什么呢?我们有必要从多…

    编程 2025-04-28
  • Python大神作品:让编程变得更加简单

    Python作为一种高级的解释性编程语言,一直被广泛地运用于各个领域,从Web开发、游戏开发到人工智能,Python都扮演着重要的角色。Python的代码简洁明了,易于阅读和维护,…

    编程 2025-04-28
  • 用Python实现简单爬虫程序

    在当今时代,互联网上的信息量是爆炸式增长的,其中很多信息可以被利用。对于数据分析、数据挖掘或者其他一些需要大量数据的任务,我们可以使用爬虫技术从各个网站获取需要的信息。而Pytho…

    编程 2025-04-28
  • 使用JavaScript日期函数掌握时间

    在本文中,我们将深入探讨JavaScript日期函数,并且从多个视角介绍其应用方法和重要性。 一、日期的基本表示与获取 在JavaScript中,使用Date对象来表示日期和时间,…

    编程 2025-04-28
  • JavaScript中使用new Date转换为YYYYMMDD格式

    在JavaScript中,我们通常会使用Date对象来表示日期和时间。当我们需要在网站上显示日期时,很多情况下需要将Date对象转换成YYYYMMDD格式的字符串。下面我们来详细了…

    编程 2025-04-27
  • 如何制作一个简单的换装游戏

    本文将从以下几个方面,为大家介绍如何制作一个简单的换装游戏: 1. 游戏需求和界面设计 2. 使用HTML、CSS和JavaScript开发游戏 3. 实现游戏的基本功能:拖拽交互…

    编程 2025-04-27

发表回复

登录后才能评论