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 class="wzconShengming_sp"> <div class="bzsmdiv_sp">本網站聲明</div> <div>本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門文章</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796793874.html" title="如何修復KB5055523無法在Windows 11中安裝？" class="phpgenera_Details_mainR4_bottom_title">如何修復KB5055523無法在Windows 11中安裝？</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796793871.html" title="如何修復KB5055518無法在Windows 10中安裝？" class="phpgenera_Details_mainR4_bottom_title">如何修復KB5055518無法在Windows 10中安裝？</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796791957.html" title="<🎜>：死鐵路 - 如何馴服狼" class="phpgenera_Details_mainR4_bottom_title"><🎜>：死鐵路 - 如何馴服狼</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796792155.html" title="R.E.P.O.的每個敵人和怪物的力量水平" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.的每個敵人和怪物的力量水平</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796797907.html" title="<🎜>：種植花園 - 完整的突變指南" class="phpgenera_Details_mainR4_bottom_title"><🎜>：種植花園 - 完整的突變指南</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 週前</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> --> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>熱AI工具</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>人工智慧驅動的應用程序，用於創建逼真的裸體照片</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>用於從照片中去除衣服的線上人工智慧工具。</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>免費脫衣圖片</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI脫衣器</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門文章</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796793874.html" title="如何修復KB5055523無法在Windows 11中安裝？" class="phpgenera_Details_mainR4_bottom_title">如何修復KB5055523無法在Windows 11中安裝？</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796793871.html" title="如何修復KB5055518無法在Windows 10中安裝？" class="phpgenera_Details_mainR4_bottom_title">如何修復KB5055518無法在Windows 10中安裝？</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796791957.html" title="<🎜>：死鐵路 - 如何馴服狼" class="phpgenera_Details_mainR4_bottom_title"><🎜>：死鐵路 - 如何馴服狼</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796792155.html" title="R.E.P.O.的每個敵人和怪物的力量水平" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.的每個敵人和怪物的力量水平</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 週前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796797907.html" title="<🎜>：種植花園 - 完整的突變指南" class="phpgenera_Details_mainR4_bottom_title"><🎜>：種植花園 - 完整的突變指南</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 週前</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>熱工具</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="記事本++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title"> <h3>記事本++7.3.1</h3> </a> <p>好用且免費的程式碼編輯器</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3漢化版" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title"> <h3>SublimeText3漢化版</h3> </a> <p>中文版，非常好用</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="禪工作室 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>強大的PHP整合開發環境</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>視覺化網頁開發工具</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神級程式碼編輯軟體(SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>熱門話題</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/java-tutorial" title="Java教學" class="phpgenera_Details_mainR4_bottom_title">Java教學</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1658</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>14</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/cakephp-tutor" title="CakePHP 教程" class="phpgenera_Details_mainR4_bottom_title">CakePHP 教程</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1415</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">Laravel 教程</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1309</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>25</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">PHP教程</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1257</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/c-tutorial" title="C# 教程" class="phpgenera_Details_mainR4_bottom_title">C# 教程</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1231</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>24</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/faq/zt">顯示更多</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/631847.html" title="在iPhone鎖定畫面上取得即將到來的日曆事件" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170141171620198.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="在iPhone鎖定畫面上取得即將到來的日曆事件" /> </a> <a href="https://www.php.cn/zh-tw/faq/631847.html" title="在iPhone鎖定畫面上取得即將到來的日曆事件" class="phphistorical_Version2_mids_title">在iPhone鎖定畫面上取得即將到來的日曆事件</a> <span class="Articlelist_txts_time">Dec 01, 2023 pm 02:21 PM</span> <p class="Articlelist_txts_p">在運行iOS16或更高版本的iPhone上，您可以直接在鎖定畫面上顯示即將到來的日曆事件。繼續閱讀以了解它是如何完成的。由於錶盤複雜功能，許多AppleWatch用戶習慣能夠看一眼手腕來查看下一個即將到來的日曆事件。隨著iOS16和鎖定螢幕小部件的出現，您可以直接在iPhone上查看相同的日曆事件訊息，甚至無需解鎖設備。日曆鎖定螢幕小元件有兩種風格，可讓您追蹤下一個即將發生的事件的時間，或使用更大的小元件來顯示事件名稱及其時間。若要開始新增小元件，請使用面容ID或觸控ID解鎖iPhone，長按</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/611533.html" title="如何使用Vue實現仿QQ聊天氣泡特效" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/169519123715431.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何使用Vue實現仿QQ聊天氣泡特效" /> </a> <a href="https://www.php.cn/zh-tw/faq/611533.html" title="如何使用Vue實現仿QQ聊天氣泡特效" class="phphistorical_Version2_mids_title">如何使用Vue實現仿QQ聊天氣泡特效</a> <span class="Articlelist_txts_time">Sep 20, 2023 pm 02:27 PM</span> <p class="Articlelist_txts_p">如何使用Vue實現仿QQ聊天氣泡特效在現今的社交時代，聊天功能已成為了手機應用程式和網頁應用程式的核心功能之一。而聊天介面中最常見的元素之一就是聊天氣泡，它可以清楚地將發送者和接收者的訊息區分開來，有效地提高了訊息的可讀性。本文將介紹如何使用Vue實現仿QQ聊天氣泡特效，以及提供具體的程式碼範例。首先，我們需要建立一個Vue元件來表示聊天氣泡。組件包含兩個主要部分</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/586791.html" title="Vue.js與Lua語言的融合，建構遊戲開發的前端引擎的最佳實踐和經驗分享" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/169089205271160.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Vue.js與Lua語言的融合，建構遊戲開發的前端引擎的最佳實踐和經驗分享" /> </a> <a href="https://www.php.cn/zh-tw/faq/586791.html" title="Vue.js與Lua語言的融合，建構遊戲開發的前端引擎的最佳實踐和經驗分享" class="phphistorical_Version2_mids_title">Vue.js與Lua語言的融合，建構遊戲開發的前端引擎的最佳實踐和經驗分享</a> <span class="Articlelist_txts_time">Aug 01, 2023 pm 08:14 PM</span> <p class="Articlelist_txts_p">Vue.js與Lua語言的融合，建構遊戲開發的前端引擎的最佳實踐和經驗分享引言：隨著遊戲開發的不斷發展，遊戲前端引擎的選擇成為了一個重要的決策。在這些選擇中，Vue.js框架和Lua語言都成為了眾多開發者的關注點。 Vue.js作為一款受歡迎的前端框架具有豐富的生態系統和便捷的開發方式，而Lua語言則因其輕量級和高效性能在遊戲開發中得到廣泛應用。本文將探討如何將</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/598456.html" title="如何使用PHP和Vue.js實現圖表上的資料篩選和排序功能" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/169310830575943.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何使用PHP和Vue.js實現圖表上的資料篩選和排序功能" /> </a> <a href="https://www.php.cn/zh-tw/faq/598456.html" title="如何使用PHP和Vue.js實現圖表上的資料篩選和排序功能" class="phphistorical_Version2_mids_title">如何使用PHP和Vue.js實現圖表上的資料篩選和排序功能</a> <span class="Articlelist_txts_time">Aug 27, 2023 am 11:51 AM</span> <p class="Articlelist_txts_p">如何使用PHP和Vue.js實現圖表上的資料篩選和排序功能在網頁開發中，圖表是一種非常常見的資料展示方式。使用PHP和Vue.js可以輕鬆實現圖表上的資料篩選和排序功能，使用戶能夠自訂查看圖表上的數據，提高資料的視覺化效果和使用者體驗。首先，我們需要準備一組資料供圖表使用。假設我們有一個資料表格，包含姓名、年齡和成績三列，資料如下：姓名年齡成績張三1890李</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/597608.html" title="在JavaScript中，'oninput'事件的用途是什麼？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/169303423550744.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="在JavaScript中，'oninput'事件的用途是什麼？" /> </a> <a href="https://www.php.cn/zh-tw/faq/597608.html" title="在JavaScript中，'oninput'事件的用途是什麼？" class="phphistorical_Version2_mids_title">在JavaScript中，'oninput'事件的用途是什麼？</a> <span class="Articlelist_txts_time">Aug 26, 2023 pm 03:17 PM</span> <p class="Articlelist_txts_p">當輸入框中新增值時，就會發生oninput事件。您可以嘗試執行以下程式碼來了解如何在JavaScript中實現oninput事件-範例<!DOCTYPEhtml><html>  <body>   <p>Writebelow:</p>   <inputtype="text&quot</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/587097.html" title="Vue.js與Dart語言的集成，建構酷炫的行動應用UI介面的實踐與開發技巧" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/169096160451406.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Vue.js與Dart語言的集成，建構酷炫的行動應用UI介面的實踐與開發技巧" /> </a> <a href="https://www.php.cn/zh-tw/faq/587097.html" title="Vue.js與Dart語言的集成，建構酷炫的行動應用UI介面的實踐與開發技巧" class="phphistorical_Version2_mids_title">Vue.js與Dart語言的集成，建構酷炫的行動應用UI介面的實踐與開發技巧</a> <span class="Articlelist_txts_time">Aug 02, 2023 pm 03:33 PM</span> <p class="Articlelist_txts_p">Vue.js與Dart語言的集成，建構酷炫的行動應用UI介面的實踐與開發技巧引言：在行動應用開發中，使用者介面(UI)的設計與實作是非常重要的一部分。為了能夠實現酷炫的行動應用程式介面，我們可以將Vue.js與Dart語言進行集成，借助Vue.js的強大資料綁定和組件化特性，以及Dart語言的豐富的行動應用開發庫，來構建出令人驚豔的行動應用UI介面。本文將介紹如何</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/686661.html" title="jQuery中如何實作select元素的改變事件綁定" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170866513431708.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="jQuery中如何實作select元素的改變事件綁定" /> </a> <a href="https://www.php.cn/zh-tw/faq/686661.html" title="jQuery中如何實作select元素的改變事件綁定" class="phphistorical_Version2_mids_title">jQuery中如何實作select元素的改變事件綁定</a> <span class="Articlelist_txts_time">Feb 23, 2024 pm 01:12 PM</span> <p class="Articlelist_txts_p">jQuery是一個受歡迎的JavaScript函式庫，可以用來簡化DOM操作、事件處理、動畫效果等。在web開發中，常常會遇到需要對select元素進行改變事件綁定的情況。本文將介紹如何使用jQuery實作對select元素改變事件的綁定，並提供具體的程式碼範例。首先，我們需要使用標籤來建立一個包含選項的下拉式選單：</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/624755.html" title="如何在PHP專案中實現日曆功能和事件提醒？" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/169890050916334.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何在PHP專案中實現日曆功能和事件提醒？" /> </a> <a href="https://www.php.cn/zh-tw/faq/624755.html" title="如何在PHP專案中實現日曆功能和事件提醒？" class="phphistorical_Version2_mids_title">如何在PHP專案中實現日曆功能和事件提醒？</a> <span class="Articlelist_txts_time">Nov 02, 2023 pm 12:48 PM</span> <p class="Articlelist_txts_p">如何在PHP專案中實現日曆功能和事件提醒？在開發Web應用程式時，行事曆功能和事件提醒是常見的需求之一。無論是個人日程管理、團隊協作，或是線上活動安排，行事曆功能都可以提供便利的時間管理和事務安排。在PHP專案中實現日曆功能和事件提醒可以透過以下步驟來完成。資料庫設計首先，需要設計資料庫表來儲存日曆事件的相關資訊。一個簡單的設計可以包含以下欄位：id：事件的唯一</p> </div> </div> <a href="https://www.php.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <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?1746491166"></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> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时，取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则，保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { const mainNav = document.querySelector('.Article_Details_main1Lmain'); const header = document.querySelector('header'); if (mainNav) { window.addEventListener('scroll', function() { const scrollPosition = window.scrollY; if (scrollPosition > 84) { mainNav.classList.add('fixed'); } else { mainNav.classList.remove('fixed'); } }); } }); </script> </body> </html>