首页 web前端 js教程 JavaScript教程之事件驱动

JavaScript教程之事件驱动

Dec 22, 2016 pm 03:46 PM

JavaScript 事件驱动中的事件是通过鼠标或热键的动作引发的。它主要有以下几个事件:

1、单击事件 onClick

当用户单击鼠标按钮时,产生 onClick 事件。同时 onClick 指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生:button(按钮对象)、checkbox (复选框)或(检查列表框)、radio (单选钮)、reset buttons(重要按钮)和submit buttons(提交按钮)。

例:可通过下列按钮激活 change()文件:

在 onClick 等号后,可以使用自己编写的函数作为事件处理程序,也可以使用 JavaScript 中内部的函数。还可以直接使用 JavaScript 的代码等。例:


2、onChange 改变事件

当利用 text 或 texturea 元素输入字符值改变时发该事件,同时当在 select表格项中一个选项状态改变后也会引发该事件。

例:


3、选中事件 onSelect

当 Text 或 Textarea 对象中的文字被加亮后,引发该事件。


4、获得焦点事件 onFocus

当用户单击 Text 或 textarea 以及 select 对象时,产生该事件。此时该对象成为前台对象。


5、失去焦点 onBlur

当 text 对象或 textarea 对象以及 select 对象不再拥有焦点、 而退到后台时,引发该文件,他与 onFocas 事件是一个对应的关系。


6、载入文件 onLoad

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


7、卸载文件 onUnload

当 Web 页面退出时引发 onUnload 事件,并可更新 Cookie 的状态。

 以上就是JavaScript教程之事件驱动的内容,更多相关内容请关注PHP中文网(www.php.cn)!


本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

C++ 函数在并发编程中的事件驱动机制? C++ 函数在并发编程中的事件驱动机制? Apr 26, 2024 pm 02:15 PM

并发编程中的事件驱动机制通过在事件发生时执行回调函数来响应外部事件。在C++中,事件驱动机制可用函数指针实现:函数指针可以注册回调函数,在事件发生时执行。lambda表达式也可以实现事件回调,允许创建匿名函数对象。实战案例使用函数指针实现GUI按钮点击事件,在事件发生时调用回调函数并打印消息。

C++ 中的事件驱动编程如何优化内存管理? C++ 中的事件驱动编程如何优化内存管理? Jun 01, 2024 pm 12:57 PM

在C++事件驱动编程中,有效地管理内存至关重要,涉及以下优化技术:使用智能指针(如std::unique_ptr、std::shared_ptr)自动释放对象内存,避免内存泄漏。创建对象池,预分配特定类型的对象并重复使用,优化内存分配和取消分配开销。

事件驱动的Golang API性能优化 事件驱动的Golang API性能优化 May 07, 2024 pm 04:21 PM

事件驱动的GoAPI性能优化通过以下方式提升性能:异步非阻塞I/O:使用协程和事件循环进行异步处理,避免I/O操作阻塞。协程和事件循环:协程在多个工作线程上执行,每个工作线程都有自己的事件循环,实现并发处理。实战案例:异步处理大型数据集,如图像压缩和转换,提高响应时间和吞吐量。

PHP中的高性能事件驱动框架及其应用 PHP中的高性能事件驱动框架及其应用 Jun 23, 2023 am 11:32 AM

随着Web应用程序的快速发展,处理高访问量和高并发请求的能力变得越来越关键。为了确保PHP应用程序具有高性能和可伸缩性,开发人员需要使用高性能事件驱动框架。在本文章中,我们将介绍PHP中的高性能事件驱动框架,包括其工作原理、特点以及应用场景。一、什么是高性能事件驱动框架?高性能事件驱动框架是指一种基于事件驱动编程模型的框架,可以处理高访问量和高并发请求。它通

使用Java函数和无服务器架构实现事件驱动的系统 使用Java函数和无服务器架构实现事件驱动的系统 Apr 27, 2024 pm 04:42 PM

利用Java函数和无服务器架构构建事件驱动的系统:使用Java函数:高度可伸缩、易于部署,管理成本低。无服务器架构:按使用付费模式,消除基础设施成本和管理负担。实战案例:创建事件驱动的警报系统,通过Java函数响应SNS主题事件,发送电子邮件警报。

C#开发中如何处理消息传递和事件驱动编程 C#开发中如何处理消息传递和事件驱动编程 Oct 10, 2023 pm 03:03 PM

C#开发中如何处理消息传递和事件驱动编程消息传递和事件驱动编程在C#开发中扮演着重要的角色。通过使用适当的方法和技术,我们可以实现模块化、可扩展和易维护的代码。本文将介绍C#中处理消息传递和事件驱动编程的常见方法和技巧,并给出具体的代码示例。一、消息传递消息传递是指通过消息的方式在对象之间进行通信。C#提供了多种方式来实现消息传递,其中最常见的方法有委托和事

Python异步编程: 从入门到精通, 成为异步编程高手 Python异步编程: 从入门到精通, 成为异步编程高手 Feb 26, 2024 am 10:50 AM

1.什么是Python异步编程?python异步编程是一种通过协程和事件驱动来实现并发和高性能的编程技术。协程是一种允许一个函数在暂停后继续执行的函数。当一个协程被暂停时,它的状态和局部变量都会被保存起来,以便在它被再次调用时恢复执行。事件驱动是一种响应事件的编程方式。在事件驱动的程序中,当一个事件发生时,程序会执行相应的事件处理程序。2.协程和事件驱动协程和事件驱动是异步编程的两大核心技术。协程允许一个函数在暂停后继续执行,而事件驱动允许程序响应事件。这两种技术可以很好地结合在一起,来实现高性

Laravel开发:如何使用Laravel Event Sourcing实现事件驱动应用程序? Laravel开发:如何使用Laravel Event Sourcing实现事件驱动应用程序? Jun 14, 2023 pm 02:31 PM

Laravel开发:如何使用LaravelEventSourcing实现事件驱动应用程序?随着云计算技术的发展和应用场景的不断扩大,事件驱动应用程序已经成为越来越重要的一种架构方式,尤其在大型分布式系统中更是如此。LaravelEventSourcing就是一种实现事件驱动应用程序的框架,本文将介绍如何使用LaravelEventSourcing

See all articles