首頁 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脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
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)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1321
25
PHP教程
1269
29
C# 教程
1249
24
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操作阻塞。協程與事件循環:協程在多個工作執行緒上執行,每個工作執行緒都有自己的事件循環,實作並發處理。實戰案例:非同步處理大型資料集,如影像壓縮和轉換,提高回應時間和吞吐量。

Golang與RabbitMQ實現事件驅動的大規模資料處理系統的設計與實現 Golang與RabbitMQ實現事件驅動的大規模資料處理系統的設計與實現 Sep 28, 2023 pm 05:18 PM

Golang與RabbitMQ實現事件驅動的大規模資料處理系統的設計與實作前言:隨著大數據時代的到來,處理大量資料成為許多企業所面臨的挑戰。為了有效率地處理這些數據,常常需要採用事件驅動的架構來建構數據處理系統。本文介紹如何使用Golang與RabbitMQ來設計和實作一個事件驅動的大規模資料處理系統,並提供了具體的程式碼範例。一、系統需求分析假設我們需要建構一

Golang與RabbitMQ實現事件驅動的大規模資料處理系統 Golang與RabbitMQ實現事件驅動的大規模資料處理系統 Sep 28, 2023 am 08:11 AM

Golang與RabbitMQ實現事件驅動的大規模資料處理系統摘要:在當今大數據時代,處理大規模資料已經成為了許多企業的需求。為了有效地處理這些數據,事件驅動的架構模式變得越來越流行。 Golang作為一種高效、可靠的程式語言,和RabbitMQ作為一個可靠的訊息佇列系統,可以用來建構一個高效的事件驅動的大規模資料處理系統。本文將介紹如何使用Golang和R

使用Java函數和無伺服器架構實現事件驅動的系統 使用Java函數和無伺服器架構實現事件驅動的系統 Apr 27, 2024 pm 04:42 PM

利用Java函數與無伺服器架構建構事件驅動的系統:使用Java函數:高度可伸縮、易於部署,管理成本低。無伺服器架構:按使用付費模式,消除基礎設施成本和管理負擔。實戰案例:建立事件驅動的警報系統,透過Java函數回應SNS主題事件,發送電子郵件警報。

Laravel開發:如何使用Laravel Event Sourcing實作事件驅動應用程式? Laravel開發:如何使用Laravel Event Sourcing實作事件驅動應用程式? Jun 14, 2023 pm 02:31 PM

Laravel開發:如何使用LaravelEventSourcing實作事件驅動應用程式?隨著雲端運算技術的發展和應用場景的不斷擴大,事件驅動應用程式已成為越來越重要的一種架構方式,尤其在大型分散式系統中更是如此。 LaravelEventSourcing就是實現事件驅動應用程式的框架,本文將介紹如何使用LaravelEventSourcing

Python非同步程式設計: 從入門到精通, 成為非同步程式設計高手 Python非同步程式設計: 從入門到精通, 成為非同步程式設計高手 Feb 26, 2024 am 10:50 AM

1.什麼是Python非同步程式設計? python非同步程式設計是一種透過協程和事件驅動來實現並發和高效能的程式技術。協程是一種允許一個函數在暫停後繼續執行的函數。當一個協程被暫停時,它的狀態和局部變數都會被保存起來,以便在它被再次呼叫時恢復執行。事件驅動是一種回應事件的程式設計方式。在事件驅動的程式中,當一個事件發生時,程式會執行對應的事件處理程序。 2.協程和事件驅動協程和事件驅動是非同步程式設計的兩大核心技術。協程允許一個函數在暫停後繼續執行,而事件驅動允許程式回應事件。這兩種技術可以很好地結合在一起,來實現高性

See all articles