Il miglior tutorial oggetto evento HTML DOM Nel 2024, in questo tutorial puoi imparare
evento HTML DOM,evento HTML DOM,eventi del mouse,eventi della tastiera,Cornice / oggetto (Cornice / oggetto) evento,eventi Form,eventi Appunti,Stampa evento,evento di trascinamento,Multimedia (Media) Event,eventi di animazione,evento di transizione,altri eventi,oggetti evento,oggetto evento di destinazione,Oggetto listener di eventi,Evento Document Object,oggetto evento mouse / tastiera,
oggetto evento HTML DOM
evento HTML DOM
evento HTML DOM consente JavaScript registrare diversi gestori di eventi in un elemento documento HTML.
Eventi spesso usato in congiunzione con la funzione, la funzione non saranno eseguite prima che si verifichi l'evento! (Come ad esempio l'utente fa clic sul pulsante).
Suggerimento: modello di eventi standard W3C a livello 2 eventi DOM.
evento HTML DOM
DOM: DOM attributo indica il livello di utilizzo.
eventi del mouse
proprietà | descrizione | DOM |
---|
onclick | Evento chiamato quando un utente fa clic su un manico oggetto. | 2 |
oncontextmenu | Attivato quando l'utente fa clic con il pulsante destro del mouse per aprire il menu contestuale | |
ondblclick | Evento chiamato quando l'utente fa doppio clic su un manico oggetto. | 2 |
onMouseDown | si preme il pulsante del mouse. | 2 |
OnMouseEnter | Viene eseguito quando il puntatore del mouse si sposta agli elementi. | 2 |
onMouseLeave | Quando il puntatore del mouse si sposta fuori l'elemento di innesco | 2 |
onMouseMove | Il mouse viene spostato. | 2 |
onmouseover | Il mouse su un elemento. | 2 |
onmouseout | Mouse lontano da un elemento. | 2 |
onmouseup | Il pulsante del mouse viene rilasciato. | 2 |
eventi della tastiera
Cornice / oggetto (Cornice / oggetto) evento
eventi Form
eventi Appunti
proprietà | descrizione | DOM |
---|
oncopy | L'evento viene attivato quando l'utente copia il contenuto dell'elemento | |
oncut | L'evento viene attivato quando il contenuto dell'elemento di taglio utenti | |
onpaste | L'evento viene attivato quando l'utente incollare il contenuto dell'elemento | |
Stampa evento
proprietà | descrizione | DOM |
---|
OnAfterPrint | L'evento scatenante è già iniziata la stampa della pagina, o stampare la finestra è già chiuso | |
OnBeforePrint | L'evento viene attivato quando la pagina è in procinto di avviare la stampa | |
evento di trascinamento
evento | descrizione | DOM |
---|
ondrag | L'evento si attiva quando viene trascinato l'elemento | |
ondragend | L'evento viene attivato quando l'utente trascina gli elementi per completare | |
OnDragEnter | Questo evento viene attivato quando l'elemento trascinato nella destinazione di rilascio | |
ondragleave | Questo evento viene attivato quando l'elemento di trascinamento di lasciare la destinazione di rilascio | |
OnDragOver | L'evento viene attivato quando l'obiettivo è posto sulla elemento di trascinamento | |
ondragstart | L'evento viene attivato quando l'utente inizia elementi di trascinamento | |
OnDrop | Questo evento viene attivato quando l'elemento di trascinamento è situato nella zona di destinazione | |
Multimedia (Media) Event
evento | descrizione | DOM |
---|
OnAbort | video Evento / audio (audio / video) per terminare grilletto durante il caricamento. | |
oncanplay | Quando l'evento viene attivato in l'utente può avviare la riproduzione video / audio (audio / video). | |
oncanplaythrough | evento di trigger può giocare in normali video / audio (audio / video) e senza pause e di buffer. | |
ondurationchange | Evento video / audio (audio / video) cambiamento Durata grilletto. | |
onemptied | lista Trigger è vuota, il giocatore di turno | |
onended | Alla fine del gioco nel trigger dell'evento video / audio (audio / video). | |
onerror | Evento attivato quando si verifica un errore durante la video / audio dati (audio / video) è caricato. | |
onloadeddata | Evento nel browser per caricare il video / audio (audio / video) trigger frame corrente. | |
onloadedmetadata | metadati evento specificato video / audio (audio / video) grilletto dopo il caricamento. | |
gestore di eventi onLoadStart | Evento nel browser per iniziare la ricerca / audio (audio / video) grilletto video specificato. | |
OnPause | evento di trigger in / audio (audio / video) Pausa video. | |
onplay | Evento attivato per avviare la riproduzione del video / audio (audio / video). | |
onplaying | video Evento / audio (audio / video) Pausa o dopo il buffering si attiva quando si è pronti per iniziare a giocare di nuovo. | |
onProgress | Evento Trigger (audio / video) specificato nel browser per scaricare video / audio. | |
onratechange | Trigger evento change quando si invia la velocità di riproduzione video / audio (audio / video). | |
onseeked | Nel caso all'utente di riposizionare il video / audio (audio / video) posizione di riproduzione attivata. | |
onseeking | Viene eseguito quando l'utente inizia a riposizionare evento video / audio (audio / video). | |
onstalled | Ottenere i dati evento mediatico nel browser, ma i dati media non è disponibile in caso di attivazione. | |
onsuspend | Evento attivato il blocco dei dati multimediali nel browser per leggere. | |
ontimeupdate | Evento attivato quando la posizione di riproduzione corrente per inviare il cambiamento. | |
onvolumechange | Evento attivato quando la variazione di volume. | |
onwaiting | Dal momento che l'evento viene attivato quando il video che si desidera riprodurre il frame buffer successivo è richiesto. | |
eventi di animazione
evento | descrizione | DOM |
---|
animationend | Questo evento viene attivato quando l'animazione termina la riproduzione CSS | |
animationiteration | Questo evento viene attivato quando le animazioni CSS ripetono | |
animationstart | Questo evento viene attivato quando l'animazione inizia a suonare CSS | |
evento di transizione
evento | descrizione | DOM |
---|
transitionend | L'evento viene attivato dopo il CSS per completare la transizione. | |
altri eventi
evento | descrizione | DOM |
---|
onMessage | Quando l'evento viene attivato da o da un oggetto (WebSocket, Lavoro Web, Origine evento o sub-frame o finestra padre) riceve il messaggio | |
OnMouseWheel | Obsoleto. Utilizzare onwheel sostituto evento | |
ononline | Questo evento viene attivato quando il browser di lavorare on-line. | |
onoffline | Questo evento viene attivato quando il browser deve iniziare a lavorare non in linea. | |
onpopstate | Questo evento viene attivato quando la cronologia di navigazione (oggetti di storia) della finestra cambia. | |
onshow | L'evento quando viene visualizzato il <Menu> elemento nel trigger menu contestuale | |
onstorage | Questo evento viene attivato quando Web Storage (HTML 5 negozio web) aggiornamento | |
ontoggle | L'evento viene attivato quando l'utente apre o chiude <dettagli> elemento | |
onwheel | Questo evento viene attivato quando la rotellina del mouse per scorrere verso l'alto e verso il basso in elemento | |
oggetti evento
costante
静态变量 |
描述 |
DOM |
CAPTURING-PHASE |
当前事件阶段为捕获阶段(3) |
1 |
AT-TARGET |
当前事件是目标阶段,在评估目标事件(1) |
2 |
BUBBLING-PHASE |
当前的事件为冒泡阶段 (2) |
3 |
proprietà
proprietà | descrizione | DOM |
---|
bolle | Restituisce un valore booleano che indica se l'evento è un tipo di evento di bubbling. | 2 |
annullabile | Restituisce un valore booleano che indica se l'evento può annullare la pro azione predefinita. | 2 |
currentTarget | Restituisce la sua listener di eventi innescati l'elemento evento. | 2 |
eventPhase | Restituisce l'attuale fase della diffusione dell'evento. | 2 |
bersaglio | Restituisce l'elemento che ha attivato questo evento (il nodo di destinazione evento). | 2 |
timeStamp | Restituisce la data e l'ora dell'evento generato. | 2 |
tipo | Restituisce il nome dell'evento corrente oggetto Event rappresenta. | 2 |
modo
方法 |
描述 |
DOM |
initEvent() |
初始化新创建的 Event 对象的属性。 |
2 |
preventDefault() |
通知浏览器不要执行与事件关联的默认动作。 |
2 |
stopPropagation() |
不再派发事件。 |
2 |
oggetto evento di destinazione
modo
方法 |
描述 |
DOM |
addEventListener() |
允许在目标事件中注册监听事件(IE8
= attachEvent()) |
2 |
dispatchEvent() |
允许发送事件到监听器上 (IE8 =
fireEvent()) |
2 |
removeEventListener() |
运行一次注册在事件目标上的监听事件(IE8 =
detachEvent()) |
2 |
Oggetto listener di eventi
modo
方法 |
描述 |
DOM |
handleEvent() |
把任意对象注册为事件处理程序 |
2 |
Evento Document Object
modo
方法 |
描述 |
DOM |
createEvent() |
|
2 |
oggetto evento mouse / tastiera
proprietà
属性 |
描述 |
DOM |
altKey |
返回当事件被触发时,"ALT" 是否被按下。 |
2 |
button |
返回当事件被触发时,哪个鼠标按钮被点击。 |
2 |
clientX |
返回当事件被触发时,鼠标指针的水平坐标。 |
2 |
clientY |
返回当事件被触发时,鼠标指针的垂直坐标。 |
2 |
ctrlKey |
返回当事件被触发时,"CTRL" 键是否被按下。 |
2 |
Location |
返回按键在设备上的位置 |
3 |
charCode | 返回onkeypress事件触发键值的字母代码。 | 2 |
key | 在按下按键时返回按键的标识符。 | 3 |
keyCode | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
which | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
metaKey |
返回当事件被触发时,"meta" 键是否被按下。 |
2 |
relatedTarget |
返回与事件的目标节点相关的节点。 |
2 |
screenX |
返回当某个事件被触发时,鼠标指针的水平坐标。 |
2 |
screenY |
返回当某个事件被触发时,鼠标指针的垂直坐标。 |
2 |
shiftKey |
返回当事件被触发时,"SHIFT" 键是否被按下。 |
2 |
modo
方法 |
描述 |
W3C |
initMouseEvent() |
初始化鼠标事件对象的值 |
2 |
initKeyboardEvent() |
初始化键盘事件对象的值 |
3 |