vuejs支援哪些事件

vue支援的事件：1、資源事件；2、網路事件；3、焦點事件；4、WebSocket事件；5、會話歷史事件；6、CSS動畫事件；7、CSS過渡事件；8 、表單事件；9、列印事件；10、視圖事件；11、鍵盤事件；12、滑鼠事件；13、拖曳事件等。

本教學操作環境：windows7系統、vue2.9.6版，DELL G3電腦。

vuejs中可以用 v-on 指令監聽 DOM 事件，並在觸發時執行一些 JavaScript 程式碼。

vue中v-on支援的事件總結

資源事件

事件名稱	何時觸發
error	#資源載入失敗時。
abort	正在載入資源已經被中止時。
load	資源及其相關資源已完成載入。
beforeunload	window，document 及其資源即將被卸載。
unload	文件或一個依賴資源正在被卸載。

網路事件

#事件名稱	何時觸發
online	瀏覽器已獲得網路存取。
offline	瀏覽器已失去網路存取。

焦點事件

#事件名稱	何時觸發
focus	元素獲得焦點（不會冒泡）。
blur	元素失去焦點（不會冒泡）。

WebSocket 事件

#事件名稱	何時觸發
open	WebSocket 連線已建立。
message	透過 WebSocket 接收到一則訊息。
error	WebSocket 連線異常被關閉（例如有些資料無法傳送）。
close	WebSocket 連線已關閉。

會話歷史事件

#A session history entry is being navigated to (in certain cases).

#事件名稱	何時觸發
pagehide	#A session history entry is being traversed from.
#pageshow	A session history entry is being traversed to.
##popstate

CSS 動畫事件

#animationstart某個CSS 動畫開始時觸發。 animationend某個 CSS 動畫完成時觸發。

##事件名稱	何時觸發

animationiteration

某個 CSS 動畫完成後重新開始時觸發。 CSS 過渡事件transitionstartA CSS transition has actually started (fired after any delay).#transitioncancelA CSS transition has been cancelled.transitionend #A CSS transition has completed.

#事件名稱	何時觸發

#transitionrun

A CSS transition has begun running (fired before any delay starts).表單事件

#事件名稱	何時觸發

#reset點選提交按鈕列印事件

點擊重置按鈕時	##submit

###############列印事件##################時間名稱# #####何時觸發#####################beforeprint#########印表機已經就緒時觸發###### #########afterprint#########印表機關閉時觸發############

文字寫作事件

#一個字元被加入到正在撰寫的文字段落中。一段文字的構成已完成或取消。

事件名稱	觸發時間
compositionstart	#準備一段文字的組合（類似於鍵盤輸入的按鍵，但適用於其他輸入，例如語音辨識）。
##compositionupdate
#compositionend

#檢視事件

觸發時間全螢幕變更某個元素已轉為全螢幕模式或返回正常模式。#由於技術原因無法切換到全螢幕模式或因為權限被拒絕。##文件檢視已調整大小。文件檢視或元素已捲動。

	事件名稱
##全螢幕錯誤
##調整大小
scroll

##剪貼簿事件

##事件名稱##cut##copy貼上##鍵盤事件

觸發時間
已經把選取的文字內容複製到了剪貼簿。
已經把選取的文字內容複製到了剪貼簿
#從剪貼簿複製的文字內容被貼上。

##按下任意鍵。##keypress##keyup

##事件名稱	觸發時間
## keydown
#Shift、Fn、CapsLock 之外的任何鍵都被按住。（連續觸發。）

釋放任意按鍵。

#滑鼠事件auxclick#已在元素上按下並釋放定點設備按鈕（任何非主按鈕）。click##在元素上點擊並釋放任意滑鼠按鍵。#右鍵（在右鍵選單中顯示前觸發）。在元素上雙擊滑鼠按鈕。#指標移出元素範圍外（不冒泡）。##mousemove# #指標在元素內移動時持續觸發。指標移到有事件監聽的元素或它的子元素內部。指標移出元素，或移到它的子元素上。

事件名稱	觸發時間
contextmenu
#dblclick
##mousedown	在元素上點選任一滑鼠按鈕。
mouseenter	#指標移出有事件監聽的元素範圍內。
##mouseleave
#mouseover
mouseout

#mouseup

在元素上釋放任意滑鼠按鍵。##滑鼠被鎖定或解除鎖定時。可能是因為一些技術的原因滑鼠鎖定被禁止時。##selectwheel拖放事件事件名稱#觸發時間#拖曳##dragenddragenter

	pointerlockchange
##pointerlockerror
#有文字被選中。
#滾輪向任意方向滾動。
正在拖曳元素或文字選取區（在此過程中持續觸發，每350ms觸發一次）
#拖曳操作結束。（滑鼠按鈕或按Esc鍵）

被拖曳的元素或文字選取範圍移入有效釋放目標區#############dragstart####### #使用者開始拖曳HTML元素或選取的文字############# ##dragleave########被拖曳的元素或文字選取範圍移出釋放目標區### ###有效########dragover##########被拖曳的元素或文字選取範圍正在有效釋放目標上被拖曳（此過程中持續觸發，每350ms觸發一次)##############drop##### ####元素在有效釋放目標區域上釋放############

媒體事件

##ScriptProcessorNode## canplay##canplaythrough##瀏覽器估計它可以將媒體播放到底，而無需因內容緩衝而停止。#媒體已變空；例如，如果媒體已載入（或部分載入），則傳送此事件，並呼叫 load()##播放已停止，因為已到達媒體結尾。#媒體第一幀已完成載入。元資料已載入。##播放已暫停。##play##由於缺少資料而暫停或延遲後，播放已準備好開始。##已尋求seek##seeking 掛起# # 指示的時間##currentTime 屬性已更新。

事件名稱	#觸發時間
##audioprocess	的輸入緩衝區已準備好進行處理。
瀏覽器可以播放媒體，但估計尚未加載足夠的資料來將媒體播放到底，而無需停止進一步緩衝內容。
	#complete
OfflineAudioContext 的渲染已終止。	#durationchange
duration 屬性已更新。	##清空
方法來重新載入它。	END
#loadeddata
#loadedmetadata
#pause
##播放已開始。
播放已開始。
	#正在播放
##ratechange	播放速率已更改。
##A	作業已完成。
##A seek 操作開始。
#用戶代理正在嘗試獲取媒體數據，但數據意外未獲取。
##媒體數據加載已暫停。	##timeupdate

#volumechange#音量已更改。##由於暫時缺少數據，播放已停止。中止進程已終止（不是由於錯誤）。#進程失敗。

	等待
	進展事件
事件名稱	觸發時間
##錯誤
##load	#進展已成功。
#loadend	Progress 已停止（分派「error」、「abort」或「load」後）。

loadstart

#Progress has開始。

• # 進度

##進行中。

• #逾時

因預設時間已到，進度終止。

• 儲存事件

• change（請參閱非標準事件）

• ##儲存

• 更新事件

• 檢查

##下載

#錯誤
#無更新

• ##已過時

• #updateready

• ##值變更事件

廣播

• #CheckboxStateChange

• hashchange

RadioStateChange

readystatechange

##ValueChange############### ########未分類的事件############ ########無效###########################################訊息##################訊息#### ##############開啟########### #######顯示################ ####不常見和非標準事件##############Abortable Fetch事件##################事件名稱# ####當######################abort ##########DOM 要求中止時觸發，即使用###AbortController .abort()###.############

SVG 事件

• SVGAbort

• SVGError

• #SVGLoad

• #SVGResize

#SVGScroll

• SVGUnload

• SVGZoom

• #資料庫事件

• abort

• blocked

• complete

• #error

• success

• upgradeneeded

versionchange

• #腳本事件

• #afterscriptexecute

• # #beforescriptexecute

選單事件

• DOMMenuItemActive

#DOMMenuItemInactive

• #視窗事件

• ##close

• ##popuphidden

• popuphiding

• popupshowing

• popupshown

• #Tab 事件

• #visibilitychange

• ##電池事件

• chargingchange

• chargingtimechange

• dischargingtimechange

• #levelchange
##levelchange

呼叫事件
alerting
#busy

• ##callschanged

• cfstatechange

• connected

• #connecting

#dialing

• # #disconnected

• disconnecting

• error

• ##held

  , 
holding
#incoming
resuming
statechange
#voicechange

• #感測器事件

• #compassneedscalibration

• devicemotion

• deviceorientation

• orientationchange

• 智慧卡事件

• icccardlockerror

• iccinfochange

• #smartcard-insert

• #smartcard-remove

stkcommand

• #stksessionend

• cardstatechange

• #簡訊與USSD事件

• #delivered

• #delivered

• ##receive

• sen

• ussdreceived

• ################# ############影格事件###################mozbrowserclose################################################################################################### #mozbrowsercontextmenu##################mozbrowsererror##################mozbrowsericonchange###################mozbrowsericonchange###################mozbrowsericonchange###################mozbrowsericonchange###################mozbrowsericonchange###################mozbrowsericonchange########### ########mozbrowserlocationchange##################mozbrowserloadend##################mozbrowserloadstart### ###############mozbrowseropenwindow##################mozbrowsersecuritychange################### ###mozbrowsershowmodalprompt##################mozbrowsertitlechange##################DOM變異事件####### ############DOMAttributeNameChanged###################DOMAttrModified#################### DOMCharacterDataModified##################DOMContentLoaded#################DOMElementNameChanged###################DOMElementNameChanged################## #######DOMNodeInserted##################DOMNodeInsertedIntoDocument##################DOMNodeRemoved#### ##############DOMNodeRemovedFromDocument##################DOMSubtreeModified################## ##觸碰事件##################touchcancel###################touchend########################################################################### ##########touchmove###################touchstart##################指標事件##################pointerover###################pointerenter############ ######pointerdown##################pointermove##################pointerup###### #

• pointercancel

• #pointerout

###################### pointerleave##################gotpointercapture#################lostpointercapture######################################################## ##########標準事件############這些事件在官方網頁規格中定義，並且應在各個瀏覽器中通用。每個事件都和代表事件接收方的物件（由此您可以查到每個事件提供的資料），定義這個事件的標準或標準連結會一起列出。 ###相關文件已開始列印或列印預覽已被關閉A CSS animation has aborted.##完成一個CSS 動畫# 重複播放一個CSS 動畫 一個 CSS 動畫已開始appinstalledEventaudioprocess  Event Event#相關文件將要開始列印或準備列印預覽#即將卸載window，document 及其資源A SMIL animation element begins.An open connection to a database is blocking a  transaction on the same database. SpeechSynthesisEventEventThe user agent can play the media up to its end without having to stop for further buffering of content.The , 

事件名稱	事件類型	觸發時機...
abort	UIEvent	資源載入已中止
abort	ProgressEvent	Progress被終止(不是error造成的)
abort	#Event	交易已中止
#afterprint	## Event
animationcancel	AnimationEvent
animationend	AnimationEvent
	animationiteration	AnimationEvent
	animationstart	#AnimationEvent
A web application is successfully installed as a progressive web app.		##AudioProcessingEvent
ScriptProcessorNode 的輸入緩衝區可處理	audioend
#用戶代理程式捕捉到以語音辨識的音訊	audiostart
#使用者代理程式開始捕捉使用語音辨識的音訊
##beforeprint	Event
beforeunload	BeforeUnloadEvent
#beginEvent	TimeEvent
blocked		versionchange
#blur	FocusEvent	An element has lost focus (does not bubble).boundary
The spoken utterance reaches a word or sentence boundary	canplay
The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.	canplaythrough	Event
	change	Event
change event is fired for	, and </td> elements when a change to the element's value is committed by the user.<td></td> </tr> <tr> <td>chargingchange<code></code> </td> <td>Event</td> <td></td>The battery begins or stops charging .</tr> <tr> <td> <code></code>chargingtimechange</td> <td> <code></code>Event</td> <td> <code>The </code>chargingTime</td> attribute has been updated.</tr> <tr> <td> <code></code>click</td> <td> <code></code>MouseEvent</td> <td></td>A pointing device button has been pressed and released on an element.</tr> <tr> <td> <code></code>close</td> <td><code></code></td> <td></td>#A WebSocket connection has been closed.</tr> <tr> <td> <code></code>complete</td> <td><code> </code></td>#A transaction successfully completed.<td></td> </tr> <tr> <td>complete <code></code> </td> <td>OfflineAudioCompletionEvent<code> </code> </td>#The rendering of an <td>OfflineAudioContext</td> is terminated.</tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr>#################################################################################### #compositionend############CompositionEvent#########The composition of a passage of text has been completed or canceled.############# ##compositionstart############CompositionEvent#########The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition).###############compositionupdate############CompositionEvent#########A character is added to a passage of text being composed.###############contextmenu############MouseEvent#########The right button of the mouse is clicked (before the context menu is displayed).################copy############ClipboardEvent### ######The text selection has been added to the clipboard.######<tr> <td>##cut<code></code> </td> <td>ClipboardEvent<code> </code> </td>文字選擇已從文件中刪除並新增至剪貼簿。<td> </td> </tr> <tr> <td>dblclick<code></code> </td> <td>MouseEvent<code></code> </td>在一個元素上點選兩次指標裝置按鈕。<td></td> </tr> <tr>##devicechange<td><code></code></td>Event<td> <code></code>連接或刪除相機、麥克風或揚聲器等媒體裝置來自系統。</td> <td> </td> </tr>##devicemotion<tr> <td> <code></code>DeviceMotionEvent</td> <td><code>可從運動感測器取得最新資料.</code></td> <td></td> </tr>deviceorientation<tr> <td> <code></code>DeviceOrientationEvent</td> <td><code>可從方向感測器取得最新資料。</code></td> <td></td>##dischargingtimechange</tr> <tr> <td><code>Event</code></td> <td>#dischargingTime<code>屬性已更新。</code> </td> <td> <code>##DOMActivate</code> </td> </tr> <tr>#UIEvent<td> <code></code>#啟動按鈕、連結或狀態變更元素（使用</td>click<td> 而不是）。<code></code> </td> <td>##DOMAttributeNameChanged<code> </code> </td> </tr>#MutationNameEvent<tr> <td><code>#的名稱屬性已變更（請改用突變觀察者）。</code></td> <td> <code>##DOMAttrModified</code> </td> <td></td>MutationEvent</tr> <tr> <td>#值屬性的屬性已被修改（請改用突變觀察器）。<code> </code> </td> <td>##DOMCharacterDataModified<code> </code> </td> <td>#MutationEvent</td> </tr> <tr>文字或另一個CharacterData已變更（請改用突變觀察器）。 <td><code></code></td> <td>#DOMContentLoaded<code></code> </td> <td>#Event</td> </tr> <tr>文件已完成載入（但尚未載入其依賴資源)。<td><code></code></td>##DOMElementNameChanged<td> <code></code> </td>MutationNameEvent<td></td> </tr>元素的名稱已變更（請改用突變觀察者）。<tr> <td><code></code></td>DOMFocusIn<td> <code></code> </td>FocusEvent<td> </td> </tr>某個元素已獲得焦點（請使用<tr>focus<td> 或<code>focusin</code> 取代）。</td> <td><code></code></td>#DOMFocusOut<td> <code></code>#FocusEvent<code></code> </td>#某個元素失去焦點（使用</tr>blur<tr> 或<td>focusout<code> 取代）。</code> </td> <td> <code>##DOMNodeInserted</code> </td> <td> <code>#MutationEvent</code><code></code>#一個節點已新增為另一個節點的子節點（請改用突變觀察器）。</td> </tr> <tr> <td> <code>DOMNodeInsertedIntoDocument</code> </td> <td><code>##MutationEvent</code></td> <td>#節點已插入文件中（請改用突變觀察器).</td> </tr> <tr> <td>##DOMNodeRemoved<code># </code> </td> <td>##MutationEvent<code></code> </td>#一個節點已從其父節點中刪除 (請改用突變觀察者）。<td></td> </tr> <tr>##DOMNodeRemovedFromDocument<td> <code></code> </td>MutationEvent<td> <code></code>一個節點已從文件（使用突變觀察者）。</td> <td></td> </tr>##DOMSubtreeModified<tr> <td> <code></code>MutationEvent</td> <td><code>#發生了變化在文件中（使用突變觀察器）。</code></td> <td></td> </tr>drag<tr> <td> <code></code>#DragEvent</td> <td><code>一個元素或正在拖曳文本選擇（每350 毫秒）。</code></td> <td></td> </tr>#dragend<tr> <td> <code></code>#DragEvent</td> <td><code>#A拖曳操作正在結束（透過釋放滑鼠按鈕或按退出鍵）。</code></td> <td></td>##dragenter</tr> <tr> <td>##DragEvent<code> </code>##拖曳的元素或文字選擇進入有效的放置目標。</td> <td> <code></code>#dragleave</td> <td></td> </tr>DragEvent<tr> <td><code>拖曳的元素或文字選擇留下有效的放置目標。</code></td> <td><code>##dragover</code></td> <td></td>DragEvent</tr> <tr> <td>正在將元素或文字選擇拖曳到有效的放置目標上（每350 毫秒）。<code></code> </td> <td><code>#dragstart</code></td> <td></td>DragEvent</tr> <tr>##使用者開始拖曳元素或文字選擇。<td><code></code></td> <td>drop<code></code> </td> <td> DragEvent</td> </tr>##元素被放置在有效的放置目標上。<tr> <td><code></code></td>#durationchange<td><code></code></td>Event<td></td> </tr>##duration<tr> 屬性已更新。<td><code></code></td> <td>##已清空<code></code> </td> <td>Event </td> </tr> <tr> <td><code></code></td> <td>Event <code></code> </td> <td><code></code></td> </tr> <tr> <td><code></code></td> <td>##媒體變空；例如，如果媒體已載入（或部分載入），則傳送此事件，並呼叫 <code>load()</code> 方法來重新載入它。</td> <td> <code></code>#結束</td> </tr> <tr> <td>#事件<code></code>##語音辨識服務已中斷連線。</td> <td></td> </tr> <tr> <td>##結束<code># </code> </td>##SpeechSynthesisEvent<td> <code></code>話語已說完。</td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td># #結束<code></code> </td> <td>事件</td> </tr> <tr>播放已停止，因為已到達媒體結尾。<td><code></code></td>##結束<td><code></code></td>#事件<td></td> </tr>播放已停止，因為已到達媒體結尾。<tr> <td> <code></code>##endEvent</td> <td> <code></code>TimeEvent</td> <td>##A SMIL 動畫元素結束。</td> </tr> <tr> <td><code>#error</code></td> <td># #UIEvent<code></code>##資源載入失敗。</td> <td></td> </tr> <tr>錯誤<td> <code> </code>#ProgressEvent</td> <td>##進度失敗。<code></code> </td> <td>##錯誤</td> </tr> <tr> <td>Event<code></code> </td>WebSocket 連線已因偏見而關閉（例如，某些資料無法傳送）。<td><code></code></td>##錯誤<td></td> </tr>##事件<tr> <td>##事件來源連線失敗。<code> </code> </td> <td>##錯誤<code></code> </td> <td> #Event</td> </tr> <tr>#請求導致錯誤並失敗。<td><code></code></td> <td>error<code> </code> </td> <td>#Event</td> </tr>##發生語音辨識錯誤。<tr> <td> <code></code>##error</td> <td> <code></code>SpeechSynthesisErrorEvent</td> <td></td>發生錯誤，導致無法成功說出話語。</tr> <tr> <td><code>##focus</code></td> <td> <code>FocusEvent</code> </td> <td>某個元素已獲得焦點（不會冒泡）。</td> </tr> <tr> <td> <code>focusin</code> </td> <td> <code>FocusEvent</code> </td> <td>某個元素即將獲得焦點（氣泡）。</td> </tr> <tr> <td><code>focusout</code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td> <code>#FocusEvent</code> </td> <td>An元素即將失去焦點（氣泡）。</td> </tr> <tr> <td>##全螢幕更改<code></code> </td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td> <code>#事件</code> </td> <td>#一個元素已轉為全螢幕模式或傳回正常模式。</td> </tr> <tr> <td>##fullscreenerror<code></code> </td> <td>Event<code></code> </td>##It由於技術原因或權限被拒絕，無法切換到全螢幕模式。<td></td> </tr> <tr>#gamepadconnected<td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr>#GamepadEvent<td># <code>##遊戲手把已連線。</code> </td> <td><code>##gamepaddisconnected</code></td> <td></td>#GamepadEvent </tr> <tr> <td>A遊戲手把已斷開連線。<code></code> </td> <td><code>#gotpointercapture</code></td> <td></td>PointerEvent</tr> <tr> <td>#元素接收指標捕獲。<code></code> </td> <td>##hashchange<code></code> </td> <td>HashChangeEvent</td> </tr> <tr>#URL的片段標識符發生了變化（URL的部分在#)之後。<td><code></code></td> <td>lostpointercapture<code></code> </td>##PointerEvent<td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td><code></code></td> </tr> <tr> <td><code></code></td>元素遺失指標擷取。<td><code></code></td>##輸入<td></td> </tr> <tr> <td> <code></code>元素的值發生變化或元素的內容發生變化屬性contenteditable 已修改。</td> <td> <code></code>##無效</td> <td></td> </tr> <tr> <td><code>##已檢查可提交元素，且不滿足其限制。</code></td> <td> <code></code>#keydown</td> <td></td> </tr>KeyboardEvent<tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code># #按下一個鍵.</code></td> <td></td>##keypress</tr> <tr> <td><code>#KeyboardEvent</code></td> <td>按下一個鍵，該鍵通常會產生一個字元值（使用輸入代替）。<code></code> </td> <td></td>#keyup</tr> <tr> <td><code>KeyboardEvent</code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td>#釋放一個鍵.<td><code></code></td>##語言變更<td> </td> </tr> <tr>##事件<td><code>##使用者的首選語言已更改。</code></td> <td><code>##levelchange</code></td> <td></td>Event</tr>########level### 屬性已更新。# ## ############load############UIEvent########資源及其依賴資源已完成載入。###### ##########load############ProgressEvent#########進展已成功。##################### #loadeddata############事件########媒體第一幀已完成載入。############# #loadedmetadata### #########事件#########元資料已載入。###############loadend#### ###### ##ProgressEvent##########進度已停止（在分派「錯誤」、「中止」或「載入」後）。########## ####loadstart# ###########ProgressEvent#######進度已開始。###############mark### ########################## #SpeechSynthesisEvent#########口語達到命名的SSML「標記」標籤。##############message### #########MessageEvent# #########透過WebSocket 接收訊息。###############message####### ####MessageEvent##########################################################################從Web Worker 收到一則訊息。#######<tr> <td>##message<code></code> </td> <td>MessageEvent<code></code> </td>從子 (i) 框架或父視窗接收到訊息。<td></td> </tr> <tr> <td>message<code></code> </td> <td>MessageEvent<code></code> </td>#透過事件來源接收訊息。<td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td> <code></code><code></code> </td> <td></td> </tr>##。 #messageerror<tr> <td> <code></code>MessageEvent</td> <td> <code>物件接收到訊息時會引發訊息錯誤。</code> </td> <td></td>##message</tr> <tr> <td>##ServiceWorkerMessageEvent<code> 或</code>ExtendableMessageEvent</td>，取決於上下文。<td><code>一條訊息從Service Worker 接收到訊息，或者Service Worker 中從另一個上下文接收到訊息。</code></td> <td></td> </tr>mousedown<tr> <td> <code></code>#MouseEvent</td> <td>##在元素上按下指點設備按鈕（通常是滑鼠）。<code></code> </td> <td></td>#mouseenter</tr> <tr> <td><code> #MouseEvent</code></td>##指標裝置移動到附加偵聽器的元素上。<td><code></code></td> <td>mouseleave</td> </tr> <tr> <td>#MouseEvent<code></code> </td>指標裝置從附加偵聽器的元素上移開。<td><code></code></td> <td>mousemove</td> </tr> <tr>##MouseEvent<td><code>##指標裝置在元素上移動。</code></td> <td> <code></code>mouseout</td> <td></td> </tr>#MouseEvent<tr> <td>##指標裝置從附加了偵聽器的元素或其子元素之一移開。<code></code> </td> <td><code>mouseover</code></td> <td></td>#MouseEvent</tr> <tr> <td>指標裝置被移動到附加了偵聽器的元素或其子元素之一。<code></code> </td> <td><code>mouseup</code></td> <td></td>MouseEvent</tr> <tr> <td>#在元素上釋放指標裝置按鈕。<code></code> </td> <td>##nomatch<code> </code> </td> <td>#SpeechRecognitionEvent<code></code> </td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> ##語音辨識服務傳回沒有明顯辨識的最終結果。<td><code></code></td>##notificationclick<td></td> </tr> <tr>NotificationEvent<td> <code></code> #由</td>ServiceWorkerRegistration.showNotification()<td> 產生的系統通知已被點選。<code> </code> </td> <td></td>離線</tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td> <code></code>事件</td> <td>##瀏覽器無法存取網路。<code></code> </td> <td>##線上</td> </tr> <tr>##事件<td><code></code></td> <td><code></code></td> <td></td>瀏覽器已獲得網路存取權限（但特定網站可能無法存取）。</tr> <tr> <td> <code></code>#open</td> <td><code>##Event</code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td>##WebSocket 連線已建立。</tr> <tr> <td><code>##open</code></td> <td><code>#Event</code></td>##事件來源連線已建立。<td></td> </tr> <tr> <td>orientationchange<code></code> </td> <td>#事件<code></code> </td>裝置的方向（縱向/橫向）已變更<td></td> </tr> <tr>##pagehide<td><code></code></td>PageTransitionEvent<td><code>##正在遍歷會話歷史記錄條目。</code></td> <td> </td> </tr>#pageshow<tr> <td> <code></code>PageTransitionEvent</td> <td><code>#正在遍歷會話歷史記錄條目。</code></td> <td></td> </tr>paste <tr> <td> <code></code>ClipboardEvent</td> <td><code>資料已從系統剪貼簿傳輸到文件。</code></td> <td></td> </tr> pause <tr> <td><code>##事件</code></td> <td>#播放已暫停。<code></code> </td> <td></td>暫停</tr> <tr> <td>##SpeechSynthesisEvent<code></code>##話語中途暫停。</td> <td><code></code></td>#pointercancel<td></td> </tr># #PointerEvent<tr> <td><code></code></td>PointerEvent<td> <code>##指標不太可能產生任何更多事件。</code> </td> <td></td> </tr>pointerdown<tr> <td> <code></code>PointerEvent </td> <td><code>指標進入活動按鈕狀態。</code></td> <td></td> </tr>pointerenter<tr> <td> <code></code>PointerEvent</td> <td><code>指向設備移動到命中測試邊界內。</code></td> <td></td>##pointerleave</tr> <tr> <td><code>#PointerEvent</code></td>##指向裝置移出命中測試邊界。<td><code></code></td>##pointerlockchange<td></td> </tr>###Event##### ####指標被鎖定或釋放。###### ##########pointerlockerror############Event###########It由於技術原因或權限被拒絕，無法鎖定指標。### ###########pointermove############PointerEvent##### ####指標改變座標。############ ##pointerout############PointerEvent##########指標裝置移出命中測試邊界或離開可偵測的懸停範圍。######### #####pointerover############PointerEvent######## #指點裝置移入命中測試邊界。################################################################################### pointerup############PointerEvent######## #指標離開活動按鈕狀態。#######<tr> <td>##播放<code></code> </td> <td>事件<code></code>##播放已開始。</td> <td></td> </tr> <tr>playing <td><code></code></td>Event<td> <code></code>由於缺少資料而暫停或延遲後，播放已準備好開始。</td> <td></td> </tr> <tr>popstate<td><code></code></td>PopStateEvent<td> <code></code>正在導覽至會話歷史記錄條目（在某些情況下）。</td> <td></td> </tr> <tr>進度<td><code></code></td>ProgressEvent<td><code>##進行中。</code></td> <td></td> </tr>push <tr> <td> <code>##PushEvent</code> </td>##A Service Worker 已收到一則推播訊息。<td><code></code></td>##pushsubscriptionchange<td> </td> </tr>##PushEvent<tr># <td><code>PushSubscription 已過期。</code></td> <td> <code></code>ratechange</td> <td></td> ##Event</tr> <tr> <td>#播放速率已更改。<code></code> </td> <td>##readystatechange<code></code> </td> <td>Event</td> </tr>##文檔的readyState屬性已變更。<tr> <td> <code></code>##repeatEvent</td> <td> <code></code>TimeEvent</td> <td> </td>A SMIL 動畫元素重複。</tr> <tr> <td><code>##重設</code></td> <td><code>事件</code></td> <td>##A 表單已重設。</td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td>resize<code></code> </td> <td>UIEvent<code></code> </td>#文件檢視已調整大小。<td></td> </tr> <tr> ##resourcetimingbufferfull<td><code></code></td>效能<td> <code></code>##瀏覽器的資源計時緩衝區已滿。</td> <td> </td> </tr> <tr>#瀏覽器的資源計時緩衝區已滿。<td><code> </code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td><em></em></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td><em></em></td> </tr> <tr> <td> <code>結果</code> </td> <td>##SpeechRecognitionEvent<code> </code> </td>#語音辨識服務傳回一個結果-單字或片語已被正確識別，並且此已傳達回應用程序。<td></td> </tr> <tr> <td>#resume<code> </code> </td> <td>#SpeechSynthesisEvent<code> </code> </td>暫停的話語是恢復。<td></td> </tr>## <tr> <td>暫停的話語是恢復。<code></code> </td> <td><code>#scroll</code></td> <td></td>UIEvent</tr> <tr> <td> 文檔檢視或元素已捲動。<code></code> </td> <td><code></code></td> seeked<td></td> </tr> <tr>事件<td> <code>##A </code>seek</td> 操作已完成。<td><code></code></td> <td>尋找<code></code><code></code>事件</td> </tr> <tr>A <td>尋找<code> 作業開始。</code> </td> <td><code>#select</code></td> <td></td>UIEvent</tr> <tr> <td>正在選擇一些文字。<code></code> </td> <td>##selectstart<code># </code> </td> ##事件<td></td> </tr>選擇剛開始。<tr> <td><code></code></td># Selectionchange<td> <code></code> </td>#事件<td></td>##文件中的選擇已更改。</tr> <tr> <td> <code></code>#show</td> <td> <code></code>MouseEvent</td> <td>##上下文選單事件被觸發/冒泡到具有上下文選單屬性的元素</td> </tr> <tr> <td><code>slotchange</code></td> <td><code>Event</code></td> <td></td>#HTMLSlotElement</tr>（<tr><slot><td>）的節點內容已更改.<code></code> </td> <td>##soundend<code># </code> </td> <td>##事件<code></code> </td>#任何聲音（無論是否可辨識的語音）都已停止偵測到。</slot></tr> <tr> <td> <code>#soundstart</code> # </td> <td><code>#Event</code></td> <td>#任何聲音（無論是否可辨識的語音）都已被偵測到偵測到。</td> </tr> <tr> <td>##speechend<code># </code> </td>##事件<td> <code></code>##語音辨識服務辨識的語音已停止偵測到。</td> <td></td> </tr>##speechstart<tr># <td><code>##Event</code></td> <td>##語音辨識服務辨識為的聲音已偵測到語音。<code></code> </td> <td>##語音辨識服務辨識為的聲音已偵測到語音。</td> </tr> <tr> <td><code>#已停止</code></td> <td><code>事件</code></td> <td>#用戶代理正在嘗試獲取媒體數據，但數據出乎意料地沒有到來。</td> </tr> <tr> <td> <code>開始</code> </td> <td><code>#事件</code></td> <td>演講識別服務已開始偵聽傳入的音頻，旨在辨識與目前</td>SpeechRecognition</tr>相關的語法。<tr> <td><code></code></td>start<td> <code></code>##SpeechSynthesisEvent</td> <td> </td>已開始說出話語。</tr> <tr> <td> <code></code>#storage</td> <td> <code></code>#StorageEvent </td> <td></td>儲存區域（ localStorage 或sessionStorage）已更改。</tr> <tr> <td> <code></code>#submit</td> <td> <code></code>Event</td> <td>#「表單已提交。</td> </tr>##########成功############事件######## #請求成功完成。################# #######暫停############事件#########媒體資料載入已暫停.############## SVGAbort############SVGEvent########## 在載入SVG 之前頁面載入已停止。##############SVGError## ##########SVGEvent#########載入SVG 之前發生錯誤。## ###########SVGLoad######### ###SVGEvent########SVG 文件已載入並解析。##### #<tr> <td>##SVGResize<code></code> </td> <td>SVGEvent<code></code> </td>正在調整 SVG 文件大小。<td></td> </tr> <tr> <td>SVGScroll<code></code> </td> <td>SVGEvent<code></code>##正在滾動SVG 文件。</td> <td></td> </tr>##SVGUnload <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td> <code> </code>##SVGEvent</td> <td><code>SVG 文件已從視窗或框架中刪除。</code></td> <td></td>##SVGZoom </tr> <tr> <td> <code>SVGZoomEvent</code> </td>##正在縮放SVG 文件。<td><code></code></td> <td>#超時</td> </tr> <tr>##進度事件<td> <code></code># </td> <td> <code></code>##時間更新</td> <td><code></code></td> </tr> <tr> <td>#currentTime<code> 屬性指示的時間已更新。</code> </td> <td> <code></code>touchcancel</td> <td></td> </tr># TouchEvent<tr> <td><code>觸控點已以特定於實現的方式中斷（例如觸摸點過多）。</code></td> <td> <code>##touchend</code> </td> <td>##TouchEvent</td> </tr> <tr>#觸摸點從觸控表面移除。<td><code></code></td> <td>#touchmove<code></code> </td>##TouchEvent<td></td>##觸控點沿著觸摸表面移動。</tr> <tr> <td> <code></code>#touchstart</td> <td> <code> </code>#TouchEvent</td> <td>#觸摸點放置在觸控表面上。</td> </tr> <tr> <td><code>#transitionend</code></td> <td> <code>#TransitionEvent</code># </td> <td>CSS 轉換已完成。</td> </tr> <tr> <td><code>#unload</code></td> <td><code>UIEvent</code></td>##正在卸載文件或依賴資源。<td></td> </tr> <tr>##需要升級<td> <code></code># </td> <td>嘗試用於開啟版本號高於目前版本的資料庫。已建立 </td>versionchange<td> 交易。<code></code> </td> </tr>#userproximity<tr> <td> <code></code>UserProximityEvent</td> <td> <code>可從接近感測器取得最新資料（指示附近的物體是否</code>靠近</td>裝置）。<td><code></code></td> </tr>#voiceschanged<tr> <td><code>##Event</code></td> <td>##SpeechSynthesisVoice<code> 方法返回的</code>SpeechSynthesisVoice</td> 對象列表已更改（當<td>voiceschanged<code> 事件觸發。)</code><code></code> <code>##versionchange</code> </td> </tr> <tr> <td>#A <code>versionchange</code> 交易已完成。</td> <td></td> <td>##visibilitychange<code></code> </td> </tr>Event<tr> <td><code>#選項卡的內容已可見或已隱藏。</code></td> <td> <code>#volumechange</code> </td> <td></td>事件</tr> <tr> <td>#音量已更改。<code></code> </td> <td><code>正在等待</code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code> ##事件</code></td>##由於暫時缺少數據，播放已停止。<td> </td> </tr> </tbody> </table>#wheel###########WheelEvent# ########指點裝置的滾輪按鈕向任何方向旋轉。## ###########<h2 id="非标准事件">非標準事件</h2> <table width="-201"> <thead><tr class="firstRow">##事件名稱<th></th>事件類型<th></th>觸發時間...<th></th> </tr></thead> <tbody> <tr>#afterscriptexecute<td><code></code></td>事件<td><code>##腳本已執行。</code></td> <td></td> </tr> <tr> <td>腳本已執行。<code></code> </td> <td> ##beforescriptexecute<code></code> </td> <td>Event</td> </tr> <tr>#腳本即將執行。<td><code></code></td>##beforeinstallprompt<td><code></code></td>Event<td></td> </tr>系統會提示使用者將網站儲存到行動裝置的主畫面。<tr> <td> <code></code>##cardstatechange</td> <td>## </td> <td> <code>MozMobileConnection.cardState</code> 屬性變更值。</td> </tr> <tr> <td><code>change</code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td></td> <td></td> </tr> <tr> <td><code></code></td> <td></td> <td></td> </tr> <tr> <td> <code></code>DeviceStorageChangeEvent</td> <td></td>每次在給定儲存區域上建立、修改或刪除檔案時都會觸發此事件。<td><code></code></td> </tr>connectionInfoUpdate<tr> <td>## <code></code>有關訊號強度和連結速度的資訊已更新。</td> <td></td> <td>##cfstatechange<code></code> </td># </tr> <tr>呼叫轉接狀態變更。<td><code></code></td> <td>datachange</td> <td><code># </code></td>##MozMobileConnection.data</tr> 對象更改值。<tr> <td><code></code></td>dataerror<td><code></code></td> <td>##The <code>MozMobileConnection.data</code> 物件從RIL 接收到錯誤。</td> </tr> <tr> <td><code>#DOMMouseScroll</code></td> <td> <code></code> ##定點裝置的滾輪按鈕被旋轉（詳細屬性是行數）。 （使用 </td>wheel<td> 取代）<code></code> </td> </tr>##dragdrop<tr> <td> <code></code>DragEvent</td> <td> <code>#An元素被刪除（使用</code>drop</td>取代）。<td><code></code></td> </tr>dragexit<tr> <td> <code></code>DragEvent</td> <td></td>#拖曳操作正在結束（請使用<td>dragend<code> 取代）。</code><code></code> </td> </tr>#draggesture<tr> <td> <code></code>DragEvent </td> <td></td>使用者開始拖曳元素或文字選擇（使用<td>dragstart<code>取代）。</code> </td> </tr> <tr>##icccardlockerror<td> <code></code> </td> <td>##MozMobileConnection.unlockCardLock()</td> 或<td>MozMobileConnection.setCardLock()</td> 方法失敗。</tr> <tr> <td> <code> </code> iccinfochange</td> <td>## </td> <td>##MozMobileConnection.iccInfo</td> 物件變更。</tr> <tr> <td><code>##localized</code></td> <td> <code></code>頁面已使用data-l10n-* 屬性進行本地化。</td> <td></td> </tr> <tr>mousewheel<td> <code></code> </td> <td>指點設備的滾輪按鈕已旋轉。</td> <td></td> </tr>##MozAudioAvailable<tr> <td> <code></code>Event</td> <td></td>音訊緩衝區已滿，對應的原始樣本可用。<td></td> </tr> <tr>##MozBeforeResize<td> <code></code> </td> <td>A視窗即將調整大小。</td> <td> <code></code><code>#mozbrowseractivitydone</code> </td> </tr> <tr> <td>某些活動完成時發送（完整描述待定。 )<code></code> </td> <td></td>mozbrowserasyncscroll<td> <code></code> </td> </tr>當瀏覽器內的捲動位置時發送<tr> <td> <code>&lt ;iframe></code> 更改。</td> <td></td> <td><code></code></td> </tr> <tr> <td><code></code></td> <td></td> <td><code></code></td> </tr> <tr> <td><code></code></td> <td></td> <td><code></code></td> </tr> <tr> <td><code></code></td> <td></td> <td>mozbrowseraudioplaybackchange<code></code> </td> </tr> <tr>##當音訊在瀏覽器中開始或停止播放時發送<td><iframe><code> content.</code></td><td></td><td>mozbrowsercaretstatechanged</td></tr><tr># <td><code>在瀏覽器中選擇文字時傳送</code><iframe></td> 內容變更。<td></td><td><code></code>mozbrowserclose</td></tr><tr><td><code>#window.close( 時傳送) ) 在瀏覽器中呼叫</code><iframe></td>。<td></td><td><code></code>#mozbrowsercontextmenu<em></em></td></tr><tr>##發送時瀏覽器<td> <iframe><code>嘗試開啟上下文選單。</code></td><td></td><td>mozbrowserdocumentfirstpaint</td></tr>##########當瀏覽器中的任何文檔上發生新繪製時發送###<iframe>###.#################mozbrowsererror######### ## ####嘗試在瀏覽器iframe 載入內容時發送###############mozbrowserfindchange########## ######對瀏覽器###<iframe># ## 內容執行搜尋操作時發送（請參閱HTMLIFrameElement 搜尋方法。）###############mozbrowserfirstpaint###### ### ######當## #<iframe>### 第一次繪製內容時發送（這不包括###about:blank### 中的初始繪製。）# ##############mozbrowsericonchange# ######## ######瀏覽器iframe 的圖示變更時傳送。######<tr><td>##mozbrowserlocationchange<code></code></td># <td></td>當瀏覽器iframe 的位置變更時傳送。<td></td></tr><tr><td> mozbrowserloadend<code></code></td> <td></td>瀏覽器iframe 載入完所有資源後傳送。<td></td></tr><tr><td>mozbrowserloadstart<code></code></td> # <td></td>當瀏覽器 iframe 開始載入新頁面時發送。<td></td></tr><tr>##mozbrowsermanifestchange<td><code></code> </td><td>#當應用程式清單的路徑發生變更時發送，如果瀏覽器</td><iframe></td> <td> 嵌入了開放的Web 應用程式。<code></code> </td> </tr> <tr>mozbrowsermetachange<td> <code></code> </td> <td>在瀏覽器中新增、刪除或變更</td> <meta> <td> 元素時傳送<code><iframe></iframe></code> 的內容。<code></code> </td> </tr> <tr>#mozbrowseropensearch<td> <code></code> </td> <td>找到搜尋引擎的連結時發送。</td> <td></td> </tr> <tr> <td><code></code></td> <td></td> <td><code></code></td> </tr> <tr> <td><code></code></td> <td></td> <td><code></code></td> </tr> <tr> <td><code></code></td> mozbrowseropentab<td></td>## <td> <code>在瀏覽器中開啟新分頁時發送</code><iframe></iframe> </td> 為使用者發出命令以在新分頁中開啟連結目標的結果（例如ctrl/cmd 點選。）</tr> <tr> <td><code>##mozbrowseropenwindow</code></td> <td> </td> <td>在瀏覽器iframe 中呼叫<code>window.open ()</code> 時發送。</td> </tr> <tr> <td><code>mozbrowserresize</code></td> <td> </td> <td>當瀏覽器<code><iframe></iframe></code>的視窗大小改變時發送。</td> </tr> <tr> <td><code>mozbrowserscroll</code></td> <td> </td> <td>瀏覽器</td> <iframe></iframe> </tr>內容滾動時發送。<tr> <td><code></code></td>mozbrowsersscrollareachchanged<td></td> <td> </td> </tr>當瀏覽器中的可用捲動區域<tr><iframe><td> 更改時發送。調整大小和頁面大小變更時（例如載入時）可能會發生這種情況。<code></code> </td> <td>##mozbrowsersscrollviewchange</td> <td> <code># </code><code></code> </td></iframe></tr> <tr> <td><code></code></td> <td></td> <td> <code></code><code></code><code></code> </td> </tr> <tr>#已傳送當非同步捲動（即APCZ）開始或停止時。<td><code></code></td>##mozbrowsersecuritychange<td></td> <td> </td> </tr>#當SSL 狀態在某個時間內發生更改時發送browser iframe.<tr> <td> <code></code>##mozbrowserselectionstatechanged</td> <td></td> <td></td>在瀏覽器中選擇文字時發送</tr> <iframe><tr> 內容更改。請注意，這已被棄用，較新的實現使用<td>mozbrowsercaretstatechanged<code> 代替。</code> </td> <td></td> <td>mozbrowsershowmodalprompt<code></code><code></code> </td>#當在瀏覽器iframe 中呼叫</tr>alert()<tr>、<td>confirm()<code> 或</code>prompt()</td> 時發送<td></td> <td></td> </tr>mozbrowsertitlechange<tr> <td><code> </code></td>#當瀏覽器iframe 內的document.title 更改時發送。<td></td> <td></td> </tr> #mozbrowserusernameandpasswordrequired<tr> <td>## <code></code>請求HTTP 驗證時傳送。</td> <td></td> <td></td>mozbrowservisibilitychange</tr> <tr> <td> <code></code>##mozbrowservisibilitychange</td> <td></td># <td>##mozbrowservisibilitychange</td> </tr> <tr> <td> <code>噹噹前瀏覽器iframe </code><iframe></iframe> </td> 的可見性狀態發生變更時發送，例如由於呼叫<td>setVisible()<code>.</code> </td> <td> </td>##MozGamepadButtonDown</tr> <tr> <td># <code></code>#按下遊戲手把按鈕。</td> <td></td> <td>#MozGamepadButtonUp</td> </tr> <tr># <td></td>遊戲手把按鈕被釋放。<td></td> <td></td> </tr>#MozMousePixelScroll<tr> <td></td> <td></td>#遊戲手把的滾輪按鈕定點設備旋轉（細節屬性是像素數）。 （使用滾輪代替）<td></td> </tr> <tr> <td>MozOrientation</td> <td></td> <td>##方向感測器提供新資料（請參閱 deviceorientation）。</td> </tr> <tr> <td><code>MozScrolledAreaChanged</code></td> <td><code>#UIEvent</code></td> <td>#文件檢視已捲動或調整大小。</td> </tr> <tr> <td>##moztimechange<code></code>## </td> <td>裝置時間已變更。<code></code> </td> <td>MozTouchDown </td> </tr> <tr> <td>觸摸點放置在觸控表面上（請使用touchstart 代替）。<code></code> </td> <td>MozTouchMove <code></code> </td> <td>觸控點沿著觸控表面移動（請改用touchmove）。</td> </tr>######MozTouchUp ####### ######從觸控表面移除觸控點（請使用touchend 取代）。##### #########alerting############CallEvent###########通訊員正在收到警報（他/她的電話響了）。## ############忙############CallEvent##########電話線路通訊員正忙。######## #######callschanged############CallEvent###########已新增或刪除呼叫目前通話清單。######<tr>##onconnected <td>connected<code></code> </td> <td>CallEvent<code></code> </td>呼叫已連線。<td></td> </tr> <tr> <td> <code></code> #正在連接</td> <td> <code></code>CallEvent</td> <td>##呼叫即將連線。</td> </tr> <tr> <td><code>已傳送</code></td> <td>##SMSEvent<code></code> </td>一條簡訊已成功發送。<td></td> </tr> <tr> <td>##正在撥號<code></code> </td> <td><code></code></td> <td></td> </tr>##正在撥號<tr> <td><code> ##CallEvent</code></td>##已撥打對方號碼<td></td> <td></td> </tr>#disabled<tr> <td><code> </code></td>裝置上的Wifi 已停用。<td><code></code></td> <td>#已斷開連線</td> </tr> <tr> <td>CallEvent<code></code> </td>已呼叫已斷開。<td><code></code></td> <td>#disconnecting</td> </tr> <tr> <td>#CallEvent<code></code> </td>呼叫已斷開即將斷開連線。<td></td> <td></td> </tr>已啟用<tr> <td>## <code></code>已啟用Wifi.</td> <td><code>## </code></td>#裝置上已啟用Wifi。<td></td> </tr> <tr> <td>錯誤<code></code> </td> <td>CallEvent<code></code>##發生錯誤。</td> <td></td> </tr> <tr>已保持<td> <code></code>##CallEvent</td> <td><code>呼叫已保持。</code></td> <td></td> </tr>holding<tr> <td><code>##CallEvent </code></td>##即將進行呼叫。<td><code></code></td>##傳入<td></td> </tr> <tr>#CallEvent<td><code></code></td> <td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td>##正在接收呼叫。</td> </tr> <tr> <td><code>已接收</code></td> <td><code>SMSEvent</code></td>##已收到簡訊。<td> </td> </tr> <tr>##正在恢復<td><code></code></td>CallEvent<td> <code></code> #通話即將恢復。</td> <td></td> </tr>##已發送<tr> <td> <code></code>SMSEvent</td> <td></td>#已發送簡訊已發送。<td></td> </tr> <tr> <td> statechange<code></code> </td> <td>CallEvent<code></code> </td>通話狀態已變更。<td> <code></code><code>##statuschange</code> </td># # </tr> <tr>Wifi 連線狀態已變更。<td><code></code></td> <td>overflow</td> <td></td> </tr>UIEvent<tr> <td> <code>元素已被其內容溢出或已在此狀態下首次呈現（僅適用於樣式為with </code>overflow</td> != <td>visible</td>).<td></td> </tr> <tr> <td>#智慧卡插入<code></code> </td># <td></td>已插入智慧卡。<td></td> </tr> <tr> <td>#smartcard-remove<code></code> </td> <td></td>##已刪除智慧卡。<td> </td> </tr> <tr> <td>#stkcommand<code></code> </td> <td><code>STK 主動指令由ICC 發出。</code></td> <td></td> </tr>stksessionend<tr> <td><code> </code></td>STK 會話由ICC 終止。<td><code></code></td> <td></td> </tr> <tr> <td><code></code></td> <td><code></code></td> <td> <code></code><code> </code> </td>#touchenter</tr> <tr> <td><code>TouchEvent</code></td> <td> <code></code> </td> <td>##touchleave<code></code> </td> </tr> <tr> <td>##TouchEvent<p><code></code># </p> </td> <td></td> <td>##下溢</td> </tr> <tr>##UIEvent<td><code></code></td> <td></td> <td><code></code></td> </tr> <tr> <td><code></code></td> <td></td> <td></td> </tr> <tr> <td><code></code></td> <td></td> <td></td> </tr>元素不再被其內容溢出（只適用於樣式為<tr>overflow<td> != <code>visible</code>) 的元素。</td> <td></td> <td></td>uploadprogress</tr> </iframe> </tbody> </table># ##ProgressEvent########上傳正在進行中（請參閱###progress###）。##### #############ussdreceived#### ######## ######收到新的USSD 訊息############ ###voicechange########## ##### ###MozMobileConnection.voice### 物件更改值。##############msContentZoom## ################## ##########MSManipulationStateChanged######## ###### ######## ########MSPointerHover### #### ## ####### ############<h2 id="Mozilla_特定事件">Mozilla 特定事件</h2> <p>注意：這些事件不會暴露給 Web 內容使用，只能在 chrome 內容的上下文中使用。 </p> <h3 id="XUL_事件">XUL 事件</h3> <table> <thead><tr class="firstRow"> <th>Event Name</th> <th>Event Type</th> <th>Specification</th> <th>Fired when.. .</th> </tr></thead> <tbody> <tr> <td><code>broadcast</code></td> <td># </td> <td>XUL</td> <td>An <code>#observer </code> noticed a change to the attributes of a watched broadcaster.</td> </tr> <tr> <td><code>CheckboxStateChange</code></td> <td> </td> <td>XUL</td> <td><code></code></td># </tr> <tr>XUL<td></td>The state of a <td>checkbox</td> has been changed either by a user action or by a script (useful for accessibility).<td></td> <td></td>close</tr> <tr> <td><code>XUL</code></td>The close button of the window has been clicked.<td></td> <td></td> <td>command</td> </tr> <tr># <td><code>XUL</code></td>An element has been activated.<td></td> <td></td> <td> <code>##A command update occurred on a </code>commandset</td> element.</tr> <tr> <td> <code></code>DOMMenuItemActive</td> <td></td> <td></td>##DOMMenuItemActive<td></td> </tr> <tr> <td><code>DOMMenuItemActive</code></td> <td> </td> <td><em>XUL</em></td>A menu or menuitem has been hovered or highlighted.<td></td> </tr> <tr> <td>DOMMenuItemInactive<code></code> </td> <td><code>##DOMMenuItemInactive</code></td> <td> <em></em> </td>#XUL<td></td> </tr>A menu or menuitem is no longer hovered or highlighted.<tr> <td><code></code></td>popuphidden<td><code></code></td> <td> <em></em>popuphidden</td> <td></td> </tr> <tr> <td><code>popuphidden</code></td> <td><code></code></td> <td>popuphidden<em></em> </td> <td>PopupEvent</td> </tr> <tr> <td>XUL<code></code> </td>A menupopup, panel or tooltip has been hidden.<td><code></code></td> <td>popuphiding <em></em> </td> <td>PopupEvent</td> </tr> <tr> <td>XUL<code></code> </td>A menupopup, panel or tooltip is about to be hidden.<td> </td> <td></td> <td>popupshowing<code></code> </td> </tr>PopupEvent<tr> <td> <code></code>XUL</td> <td></td>A menupopup , panel or tooltip is about to become visible.<td></td> <td></td> </tr>popupshown</tbody> </table>######PopupEvent#####################PopupEvent########### #XUL#########A menupopup, panel or tooltip has become visible.##############RadioStateChange######### #########RadioStateChange######### #### ##XUL######The state of a ###radio### has been changed either by a user action or by a script (useful for accessibility).############ ###ValueChange######### ######XUL#######The value of an element has changed (a progress bar for example, useful for accessibility).####### #######<h3 id="附加组件特定事件">附加元件特定事件</h3> <table> <thead><tr class="firstRow">##事件名稱<th></th>事件類型<th></th> <th></th>觸發時... <th></th> </tr></thead> <tbody> <tr>MozSwipeGesture<td></td> <td></td> <td>#外掛程式特定<em></em> </td>觸控點被滑動橫跨觸控表面<td></td> </tr> <tr>MozMagnifyGestureStart<td></td> <td></td> <td>#特定外掛程式<em></em> </td>兩個觸控點開始移開<td></td> </tr>##MozMagnifyGestureUpdate<tr> <td># </td> <td></td>#外掛特定<td> <em></em>兩個觸控點遠離彼此其他（在MozMagnifyGestureStart 之後）。</td> <td></td> </tr>MozMagnifyGesture<tr> <td> </td> <td></td>#外掛特定<td> <em></em>#移動了兩個觸摸點彼此遠離（在一系列MozMagnifyGestureUpdate 之後）。</td> <td></td> </tr>MozRotateGestureStart<tr> <td> </td> <td></td>#插件特定<td> <em></em>兩個觸控點開始圍繞一個點旋轉。</td> <td></td> </tr>MozRotateGestureUpdate<tr> <td> </td> <td></td>#外掛特定<td><em></em></td> <td></td> </tr> <tr> <td></td> <td></td> <td><em></em></td> <td></td> </tr>#兩個觸控點圍繞一個點旋轉（在MozRotateGestureStart 之後）。<tr> <td></td> <td>MozRotateGesture</td> <td> <em></em> </td>##外掛特定<td> </td> </tr>兩個觸控點圍繞著一個點旋轉（在一系列MozRotateGestureUpdate 之後）。<tr> <td></td> <td>MozTapGesture</td> <td> <em></em> </td># #特定於外掛程式<td> </td> </tr>在觸控表面上點選兩個觸控點。<tr> <td></td> <td>#MozPressTapGesture</td> <td> <em></em> </td> ##插件特定<td></td> </tr>觸控表面上發生了「按-點擊」手勢（第一根手指向下，第二根手指向下，第二根手指向上，第一根手指向上)。<tr> <td></td> <td>MozEdgeUIGesture</td> <td> <em></em> </td>#外掛程式特定<td></td>##觸控點在觸控表面上滑動即可呼叫邊緣UI（僅限Win8）。</tr> <tr> <td></td>#MozAfterPaint<td></td># <td> <em></em>#外掛特定</td> <td>#內容已重新繪製。</td> </tr> <tr> <td>DOMPopupBlocked </td> <td> </td> <td>##外掛程式特定<em></em>#已被封鎖</td> <td></td> </tr>#DOMWindowCreated<tr> <td> </td> <td>##外掛程式特定</td> <td>##已建立視窗。<em></em> </td> <td>DOMWindowClose </td> </tr> <tr> <td></td>外掛特定<td></td>##視窗即將關閉。<td><em></em></td>DOMTitleChanged<td></td> </tr> <tr> <td>Addonsspecifc</td> <td>##視窗標題已變更。</td> <td> <em></em>DOMLinkAdded</td> <td> </td> </tr> <tr>#Addonsspecifc <td></td>##已新增連結。<td></td> <td><em>DOMLinkRemoved</em></td> <td></td> </tr>Addons specifc<tr> <td></td>##文件內部的連結已被刪除。<td></td> <td><em>DOMMetaAdded</em></td># <td> <code></code>#外掛特定</td> </tr> <tr> <td></td> <td></td> <td><em></em></td> <td><code></code></td> </tr> <tr># #A <td>meta</td> 元素已新增至文件中。<td></td> <td><em>DOMMetaRemoved</em></td> <td></td> </tr>Addons特定<tr> <td></td>A <td>meta</td># 元素已從文件中刪除。<td><em></em></td>DOMWillOpenModalDialog<td></td> </tr> <tr> <td>#特定外掛程式</td> <td>##模式對話方塊即將開啟。</td> <td> <em></em>DOMModalDialogClosed</td> <td> </td> </tr> <tr>特定於外掛程式<td></td> <td>模式對話方塊已關閉。</td> <td><em>##DOMAutoComplete</em></td># <td></td> </tr>特定於外掛程式<tr> <td></td>元素的內容已自動完成。<td></td> <td><em>DOMFrameContentLoaded</em></td># <td> <code></code>外掛程式特定</td> </tr> <tr>框架已完成載入（但尚未載入其依賴資源）。<td></td> <td></td>AlertActive<td><em># </em></td> <td>#Addons顯示特定<code></code> </td> A </tr>notification<tr># 元素。<td></td> <td></td>AlertClose<td><em> </em></td> <td>#特定於外掛程式</td> </tr> <tr> <td></td> <td></td> <td>## A <em>notification</em># 元素已關閉。</td> <td></td> </tr>全螢幕<tr> <td> </td> <td></td>Addons 特定<td><em></em></td> <td></td> </tr> <tr> <td></td> <td></td> <td><em>瀏覽器全螢幕模式已進入或離開。</em></td> <td></td>sizemodechange</tr> <tr># <td></td> <td>Addons具體</td> <td>##已進入/離開全螢幕模式，或已最小化/未最小化。<em></em> </td>##MozEnteredDomFullscreen<td></td> </tr> <tr> <td>##Addons 特定</td> <td>##DOM 全螢幕模式已進入。</td> <td> <em></em>SSWindowClosing</td> <td> </td> </tr> <tr>#Addons特定<td></td> <td>#會話儲存將停止追蹤此視窗。</td> <td> <em></em>SSTabClos​​ing</td> <td># </td> </tr> <tr>外掛特定<td></td>##會話儲存將停止追蹤此選項卡。<td></td> <td><em>SSTabRestoring</em></td># <td></td> </tr>#外掛特定### ######一個選項卡即將恢復。############SSTabRestored###### ##########外掛程式特定##### ###一個選項卡已恢復。 ############SSWindowStateReady###### ###########外掛程式特定##########一個視窗狀態已切換為“就緒” 。######<tr> <td>SSWindowStateBusy</td> <td> </td> <td><em>#外掛程式特定</em></td> <td>#視窗狀態已切換到「忙」。</td> </tr> <tr> <td></td> <td></td> <td><em></em></td> <td></td> </tr> <tr> <td></td> <td></td> <td><em></em></td> <td> </td> </tr>#TabOpen<tr> <td> </td> <td></td>#外掛特定<td><em>##標籤已開啟。</em></td> <td></td> </tr> <tr> <td></td> <td></td> <td><em></em></td> <td></td> </tr> <tr> <td># # TabClos​​</td> <td> </td> <td><em>#外掛特定</em></td>##選項卡已關閉。<td></td> </tr>##TabSelect<tr> <td></td> <td></td> <td><em></em></td> <td></td> </tr> <tr> <td></td> <td></td> <td><em></em></td> <td></td> ## </tr> </tbody> </table>#外掛特定<h3 id="开发者工具特定事件"></h3> <table>#已選擇選項卡。<thead> <tr class="firstRow"> <th></th>TabShow<th></th> <th> </th>##外掛程式特定<th></th> </tr>#已顯示選項卡。</thead> <tbody> <tr> <td>#TabHide</td>## <td></td> <td>特定於外掛程式<em></em>##選項卡已隱藏。</td> <td></td> </tr>#TabPinned<tr> <td> </td> <td></td>特定於插件<td> <em></em>一個選項卡已固定。</td> <td></td> </tr>TabUnpinned<tr> <td> </td> <td></td>#外掛特定<td> <em></em>#一個選項卡已取消固定。</td> <td></td> </tr> </tbody>開發者工具特定事件</table> <p></p> <p><a href="https://www.php.cn/vuejs/" target="_blank"></a>##開發者工具特定事件</p>############事件名稱# #### #事件類型######規格######觸發時...###################CssRuleViewRefreshed####### #### ####開發工具特定########樣式檢查器的「規則」檢視已更新。############CssRuleViewChanged###### # # ######開發工具特定########樣式檢查器的「規則」檢視已變更。############CssRuleViewCSSLinkClicked####### ## ######開發工具特定#########已在樣式檢查器的「規則」檢視中按一下指向CSS 檔案的連結。######### #### #每一個不曾起舞的日子，都是對生命的辜負。溫柔正確的人總是難以生存，因為這個世界既不溫柔，也不正確。教育就是當一個人把學校所學全部忘光之後剩下的東西。當你凝視深淵的時候，深淵也在凝視著你。######相關推薦：《###vue.js教程###》###<p>以上是vuejs支援哪些事件的詳細內容。更多資訊請關注PHP中文網其他相關文章！</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>相關標籤：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/zh-tw/search?word=vuejs" target="_blank">vuejs</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/zh-tw/search?word=事件" target="_blank">事件</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">來源：php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/zh-tw/faq/483646.html" title="vue框架有哪些"> <span>上一篇：vue框架有哪些</span> </a> <a href="https://www.php.cn/zh-tw/faq/483649.html" title="angularjs和bootstrap有什麼差別"> <span>下一篇：angularjs和bootstrap有什麼差別</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">本網站聲明</div> <div>本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn</div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">作者最新文章</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/529366.html">深入搞懂Redis中的哨兵</a> </div> <div>2023-04-26 17:59:18</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/529362.html">【整理分享】7個熱門的React狀態管理工具</a> </div> <div>2023-04-26 17:47:48</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/529360.html">一文討論Vue2中key和Vue3中key的差別</a> </div> <div>2023-04-26 17:41:42</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/529358.html">一文聊聊Node中的記憶體控制</a> </div> <div>2023-04-26 17:37:05</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/529356.html">實用Excel技巧分享：4種刪除重複值的小妙招！</a> </div> <div>2023-04-26 17:31:25</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/529350.html">實用Word技巧分享：簡繁轉換功能竟然可以這樣用！</a> </div> <div>2023-04-26 17:27:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/528167.html">如何解決跨域？常見解決方案淺析</a> </div> <div>2023-04-25 19:57:58</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/528165.html">一文理解JavaScript中的單例模式</a> </div> <div>2023-04-25 19:53:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/528163.html">深入了解Node中的Buffer</a> </div> <div>2023-04-25 19:49:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/528161.html">探討如何在Vue3中撰寫單元測試</a> </div> <div>2023-04-25 19:41:54</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">最新問題</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/zh-tw/wenda/176305.html" target="_blank" title="VueJS 調度函數的執行順序導致問題" class="wdcdcTitle">VueJS 調度函數的執行順序導致問題</a> <a href="https://www.php.cn/zh-tw/wenda/176305.html" class="wdcdcCons">我正在嘗試在頁面上顯示公告清單（從API檢索）。我正在使用Vuex商店，並且有一個名為公告的狀態。我還希望每次用戶刷新/進入頁面時都會更新此列表。所以我使用了生命週期鉤子，特別是M...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-06 10:37:58</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>385</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/zh-tw/wenda/176055.html" target="_blank" title="使用條件元件增強 Vuejs 模板" class="wdcdcTitle">使用條件元件增強 Vuejs 模板</a> <a href="https://www.php.cn/zh-tw/wenda/176055.html" class="wdcdcCons">我有一個不同事件的列表，如下所示，它被導入為logTypesexportdefault{LOGIN:"login",LOGOUT:"logout&qu...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-03 16:16:14</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>346</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/zh-tw/wenda/176019.html" target="_blank" title="VueJS 2 應用程式編譯為 1" class="wdcdcTitle">VueJS 2 應用程式編譯為 1</a> <a href="https://www.php.cn/zh-tw/wenda/176019.html" class="wdcdcCons">我們正在使用VueJS作為前端建立一個應用程式。但我們有點將2個應用程式合而為一。大眾看到的電子商務方面，我們有一個管理面板，我們的員工可以使用它來添加產品、用戶等。我想知道以不同...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-03 12:00:59</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>371</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/zh-tw/wenda/175932.html" target="_blank" title="(Vuejs) 在渲染過程中引用的實例上未定義的屬性或方法" class="wdcdcTitle">(Vuejs) 在渲染過程中引用的實例上未定義的屬性或方法</a> <a href="https://www.php.cn/zh-tw/wenda/175932.html" class="wdcdcCons">我有一個簡單的按鈕，用於在清單中新增項目：<labelfor="numit">itemnumber:</label><inputt...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-02 16:43:16</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>366</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/zh-tw/wenda/175882.html" target="_blank" title="vuejs，我只想為其孩子列印一次父母的 ID/姓名" class="wdcdcTitle">vuejs，我只想為其孩子列印一次父母的 ID/姓名</a> <a href="https://www.php.cn/zh-tw/wenda/175882.html" class="wdcdcCons"><tdv-if="currentId!=loop.id"class="text-center"><div:set=&quo...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-02 10:44:45</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>309</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>相關專題</div> <a href="https://www.php.cn/zh-tw/faq/zt" target="_blank">更多> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/ftpfwqyfjs"><img src="https://img.php.cn/upload/subject/202407/22/2024072213592055741.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="ftp伺服器用法介紹" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/ftpfwqyfjs" class="title-a-spanl" title="ftp伺服器用法介紹"><span>ftp伺服器用法介紹</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/javahqsrdszdf"><img src="https://img.php.cn/upload/subject/202407/22/2024072212192687763.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="java獲取輸入的數字的方法" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/javahqsrdszdf" class="title-a-spanl" title="java獲取輸入的數字的方法"><span>java獲取輸入的數字的方法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/fgxxsjkynx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214212794732.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="非關係型資料庫有哪些" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/fgxxsjkynx" class="title-a-spanl" title="非關係型資料庫有哪些"><span>非關係型資料庫有哪些</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlzmyycss"><img src="https://img.php.cn/upload/subject/202407/22/2024072213521775403.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html怎麼引用css" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlzmyycss" class="title-a-spanl" title="html怎麼引用css"><span>html怎麼引用css</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/hwsxtzmqh"><img src="https://img.php.cn/upload/subject/202407/22/2024072214091871808.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="華為雙系統怎麼切換" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/hwsxtzmqh" class="title-a-spanl" title="華為雙系統怎麼切換"><span>華為雙系統怎麼切換</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/linuxyszipmly"><img src="https://img.php.cn/upload/subject/202407/22/2024072214021711700.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="linux壓縮zip指令用法" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/linuxyszipmly" class="title-a-spanl" title="linux壓縮zip指令用法"><span>linux壓縮zip指令用法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/excelzcydbghs"><img src="https://img.php.cn/upload/subject/202407/22/2024072212293299309.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="excel最常使用的八個函數" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/excelzcydbghs" class="title-a-spanl" title="excel最常使用的八個函數"><span>excel最常使用的八個函數</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/jshqdqsj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214282324693.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="js取得目前時間" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/jshqdqsj" class="title-a-spanl" title="js取得目前時間"><span>js取得目前時間</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">熱門推薦</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="什麼是URL地址" href="https://www.php.cn/zh-tw/faq/414430.html">什麼是URL地址</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="web端是什麼意思" href="https://www.php.cn/zh-tw/faq/417340.html">web端是什麼意思</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="程式語言有哪些" href="https://www.php.cn/zh-tw/faq/414438.html">程式語言有哪些</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="什麼是IT產業" href="https://www.php.cn/zh-tw/faq/419217.html">什麼是IT產業</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="error是什麼意思" href="https://www.php.cn/zh-tw/faq/414287.html">error是什麼意思</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>熱門教學</div> <a target="_blank" href="https://www.php.cn/zh-tw/course.html">更多> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">相關教學 <div></div></div> <div class="tabdiv swiper-slide" data-id="two">熱門推薦<div></div></div> <div class="tabdiv swiper-slide" data-id="three">最新課程<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1219.html" title="vue 3.0全新實戰課程-第二季" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625e657f3bd5c128.jpg" alt="vue 3.0全新實戰課程-第二季"/> </a> <div class="wzrthree-right"> <a target="_blank" title="vue 3.0全新實戰課程-第二季" href="https://www.php.cn/zh-tw/course/1219.html">vue 3.0全新實戰課程-第二季</a> <div class="wzrthreerb"> <div>65270 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1219"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1249.html" title="VuePress: 30分鐘製作一個Vue靜態網站" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611c49cb96f804.jpg" alt="VuePress: 30分鐘製作一個Vue靜態網站"/> </a> <div class="wzrthree-right"> <a target="_blank" title="VuePress: 30分鐘製作一個Vue靜態網站" href="https://www.php.cn/zh-tw/course/1249.html">VuePress: 30分鐘製作一個Vue靜態網站</a> <div class="wzrthreerb"> <div>17425 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1249"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1257.html" title="VuePress: Vue 官方靜態網站產生器極速指南" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be31d501ceb411.png" alt="VuePress: Vue 官方靜態網站產生器極速指南"/> </a> <div class="wzrthree-right"> <a target="_blank" title="VuePress: Vue 官方靜態網站產生器極速指南" href="https://www.php.cn/zh-tw/course/1257.html">VuePress: Vue 官方靜態網站產生器極速指南</a> <div class="wzrthreerb"> <div>9213 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1257"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1258.html" title="Vue.js：紀錄片" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62650b0f56b3f522.jpg" alt="Vue.js：紀錄片"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Vue.js：紀錄片" href="https://www.php.cn/zh-tw/course/1258.html">Vue.js：紀錄片</a> <div class="wzrthreerb"> <div>1677 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="1258"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/812.html" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" href="https://www.php.cn/zh-tw/course/812.html">最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)</a> <div class="wzrthreerb"> <div >1420257次學習</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/286.html" title="JAVA 初級入門影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初級入門影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初級入門影片教學" href="https://www.php.cn/zh-tw/course/286.html">JAVA 初級入門影片教學</a> <div class="wzrthreerb"> <div >2507043次學習</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/504.html" title="小甲魚零基礎入門學習Python影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲魚零基礎入門學習Python影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲魚零基礎入門學習Python影片教學" href="https://www.php.cn/zh-tw/course/504.html">小甲魚零基礎入門學習Python影片教學</a> <div class="wzrthreerb"> <div >505569次學習</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/901.html" title="Web前端開發極速入門" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web前端開發極速入門"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Web前端開發極速入門" href="https://www.php.cn/zh-tw/course/901.html">Web前端開發極速入門</a> <div class="wzrthreerb"> <div >215533次學習</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/234.html" title="零基礎精通 PS 影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基礎精通 PS 影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="零基礎精通 PS 影片教學" href="https://www.php.cn/zh-tw/course/234.html">零基礎精通 PS 影片教學</a> <div class="wzrthreerb"> <div >884445次學習</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1648.html" title="【web前端】Node.js快速入門" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入門"/> </a> <div class="wzrthree-right"> <a target="_blank" title="【web前端】Node.js快速入門" href="https://www.php.cn/zh-tw/course/1648.html">【web前端】Node.js快速入門</a> <div class="wzrthreerb"> <div >7030次學習</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1647.html" title="國外Web開發全端課程全集" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="國外Web開發全端課程全集"/> </a> <div class="wzrthree-right"> <a target="_blank" title="國外Web開發全端課程全集" href="https://www.php.cn/zh-tw/course/1647.html">國外Web開發全端課程全集</a> <div class="wzrthreerb"> <div >5463次學習</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1646.html" title="Go語言實戰之 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go語言實戰之 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go語言實戰之 GraphQL" href="https://www.php.cn/zh-tw/course/1646.html">Go語言實戰之 GraphQL</a> <div class="wzrthreerb"> <div >4606次學習</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1645.html" title="550W粉絲大佬手把手從零學JavaScript" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉絲大佬手把手從零學JavaScript"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W粉絲大佬手把手從零學JavaScript" href="https://www.php.cn/zh-tw/course/1645.html">550W粉絲大佬手把手從零學JavaScript</a> <div class="wzrthreerb"> <div >664次學習</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1644.html" title="python大神Mosh，零基礎小白6小時完全入門" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh，零基礎小白6小時完全入門"/> </a> <div class="wzrthree-right"> <a target="_blank" title="python大神Mosh，零基礎小白6小時完全入門" href="https://www.php.cn/zh-tw/course/1644.html">python大神Mosh，零基礎小白6小時完全入門</a> <div class="wzrthreerb"> <div >23283次學習</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>最新下載</div> <a href="https://www.php.cn/zh-tw/xiazai">更多> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">網站特效 <div></div></div> <div class="swiper-slide" data-id="twof">網站源碼<div></div></div> <div class="swiper-slide" data-id="threef">網站素材<div></div></div> <div class="swiper-slide" data-id="fourf">前端模板<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery企業留言表單聯絡程式碼" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8071">[表單按鈕] jQuery企業留言表單聯絡程式碼</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3音樂盒播放特效" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8070">[播放器特效] HTML5 MP3音樂盒播放特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5酷炫粒子動畫導覽選單特效" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8069">[選單導航] HTML5酷炫粒子動畫導覽選單特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery可視化表單拖曳編輯程式碼" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8068">[表單按鈕] jQuery可視化表單拖曳編輯程式碼</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS仿酷狗音樂播放器代碼" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8067">[播放器特效] VUE.JS仿酷狗音樂播放器代碼</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="經典html5推箱子小遊戲" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8066">[html5特效] 經典html5推箱子小遊戲</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery滾動添加或減少圖片特效" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8065">[圖片特效] jQuery滾動添加或減少圖片特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3個人相簿封面懸停放大特效" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8064">[相簿特效] CSS3個人相簿封面懸停放大特效</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8328" title="家居裝潢清潔維修服務公司網站模板" target="_blank">[前端模板] 家居裝潢清潔維修服務公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8327" title="清新配色個人求職履歷引導頁模板" target="_blank">[前端模板] 清新配色個人求職履歷引導頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8326" title="設計師創意求職履歷網頁模板" target="_blank">[前端模板] 設計師創意求職履歷網頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8325" title="現代工程建築公司網站模板" target="_blank">[前端模板] 現代工程建築公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8324" title="教育服務機構響應式HTML5模板" target="_blank">[前端模板] 教育服務機構響應式HTML5模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8323" title="網上電子書店商城網站模板" target="_blank">[前端模板] 網上電子書店商城網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8322" title="IT技術解決互聯網公司網站模板" target="_blank">[前端模板] IT技術解決互聯網公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8321" title="紫色風格外匯交易服務網站模板" target="_blank">[前端模板] 紫色風格外匯交易服務網站模板</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3078" target="_blank" title="可愛的夏天元素向量素材(EPS+PNG)">[PNG素材] 可愛的夏天元素向量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3077" target="_blank" title="四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)">[PNG素材] 四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3076" target="_blank" title="唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)">[banner圖] 唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3075" target="_blank" title="金色的畢業帽向量素材(EPS+PNG)">[PNG素材] 金色的畢業帽向量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3074" target="_blank" title="黑白風格的山脈圖示向量素材(EPS+PNG)">[PNG素材] 黑白風格的山脈圖示向量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3073" target="_blank" title="不同顏色披風和不同姿勢的超級英雄剪影向量素材(EPS+PNG)">[PNG素材] 不同顏色披風和不同姿勢的超級英雄剪影向量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3072" target="_blank" title="扁平風格的植樹節banner向量素材(AI+EPS)">[banner圖] 扁平風格的植樹節banner向量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3071" target="_blank" title="九種漫畫風格的爆炸聊天氣泡向量素材(EPS+PNG)">[PNG素材] 九種漫畫風格的爆炸聊天氣泡向量素材(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8328" target="_blank" title="家居裝潢清潔維修服務公司網站模板">[前端模板] 家居裝潢清潔維修服務公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8327" target="_blank" title="清新配色個人求職履歷引導頁模板">[前端模板] 清新配色個人求職履歷引導頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8326" target="_blank" title="設計師創意求職履歷網頁模板">[前端模板] 設計師創意求職履歷網頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8325" target="_blank" title="現代工程建築公司網站模板">[前端模板] 現代工程建築公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8324" target="_blank" title="教育服務機構響應式HTML5模板">[前端模板] 教育服務機構響應式HTML5模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8323" target="_blank" title="網上電子書店商城網站模板">[前端模板] 網上電子書店商城網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8322" target="_blank" title="IT技術解決互聯網公司網站模板">[前端模板] IT技術解決互聯網公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8321" target="_blank" title="紫色風格外匯交易服務網站模板">[前端模板] 紫色風格外匯交易服務網站模板</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>公益線上PHP培訓，幫助PHP學習者快速成長！</p> </div> <div class="footermid"> <a href="https://www.php.cn/zh-tw/about/us.html">關於我們</a> <a href="https://www.php.cn/zh-tw/about/disclaimer.html">免責聲明</a> <a href="https://www.php.cn/zh-tw/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1732380042"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>