Neu Speisekarte(Spieler, Optionenopt)
Erstellen Sie eine Instanz dieser Klasse.
Parameter:
Nennen | Typ | Attribute | Beschreibung |
---|---|---|---|
Spieler |
Spieler |
der Spieler, an den diese Komponente anhängen soll |
|
Optionen |
Objekt |
<optional> |
Objekt von Optionsnamen und Werten |
Verlängert
Methoden
-
$(Selektor, Kontextopt) → {Element|null}
-
Suchen Sie ein einzelnes DOM-Element, das einem
Selektor entspricht
. Dies kann innerhalb derKomponente
ScontentEl()
oder einen anderen benutzerdefinierten Kontext.Parameter:
Nennen Typ Attribute Standardwert Beschreibung Selektor
String Ein gültiger CSS-Selektor, der an
QuerySelector übergeben wird
.Kontext
Element | string <optional>
this.contentel () Ein DOM-Element, in dem abgefragt werden soll. Kann auch eine Selektorzeichenfolge sein, in diesem Fall wird das erste übereinstimmende Element als Kontext verwendet. Falls fehlt
this.contentEl()
verwendet wird. Wennthis.contentel () nichts
zurückgibt, fällt es aufdas Dokument zurück
.Gibt zurück:
Element | null -das Dom-Element, das gefunden wurde, oder null
- Überschreibungen:
- Siehe:
-
$$(selector, contextopt) → {NodeList}
-
Findet alle DOM-Elemente, die einem
Selektor entsprechen
. Dies kann innerhalb derKomponente
ScontentEl()
oder einen anderen benutzerdefinierten Kontext.Parameter:
Nennen Typ Attribute Standardwert Beschreibung Selektor
String Ein gültiger CSS-Selektor, der an
QuerySelectorAll übergeben wird
.Kontext
Element | string <optional>
this.contentel () Ein DOM-Element, in dem abgefragt werden soll. Kann auch eine Selektorzeichenfolge sein, in diesem Fall wird das erste übereinstimmende Element als Kontext verwendet. Falls fehlt
this.contentEl()
verwendet wird. Wennthis.contentel () nichts
zurückgibt, fällt es aufdas Dokument zurück
.Gibt zurück:
NodeList -eine Liste von Dom-Elementen, die gefunden wurden
- Überschreibungen:
- Siehe:
-
addChild(Kind, optionsopt, indexopt) → {Komponente}
-
Fügen Sie eine untergeordnete
Komponente
innerhalb der aktuellenKomponente hinzu
.Parameter:
Nennen Typ Attribute Standardwert Beschreibung Kind
string | Komponente Der Name oder die Instanz eines hinzuzufügenden Kindes.
Optionen
Objekt <optional>
{} Der Schlüssel/Wert-Speicher von Optionen, die an Kinder des Kindes weitergegeben werden.
Index
Zahl <optional>
this.Children_.length Der Index, in den versucht wird, ein Kind hinzuzufügen.
Gibt zurück:
Komponente-Die
Komponente
, die als untergeordnetes Element hinzugefügt wird. Bei Verwendung einer Zeichenfolge wird dieKomponente
wird durch diesen Prozess erstellt.- Überschreibungen:
-
addClass(ClassToAdd)
-
Fügen Sie dem Element der
Komponente
einen CSS-Klassennamen hinzu.Parameter:
Nennen Typ Beschreibung ClassToAdd
String Hinzufügen von CSS-Klassenname
- Überschreibungen:
-
addEventListenerForItem(Komponente)
-
Ereignis-Listener zum hinzufügen Menüelement.
Parameter:
Nennen Typ Beschreibung Komponente
Objekt Die Instanz des
Menüelement
Hörer hinzufügen. -
Artikel hinzufügen(Komponente)
-
Fügen Sie dem Menü ein MenuItem hinzu.
Parameter:
Nennen Typ Beschreibung Komponente
Objekt | string Der Name oder die Instanz des
hinzuzufügenden MenuItem
. -
verwischen()
-
Entferne den Fokus von dieser Komponente
- Überschreibungen:
-
abstrakt buildCSSClass() → {string}
-
Baut den Standard-DOM-Klassennamen auf. Sollte durch Unterkomponenten außer Kraft gesetzt werden.
Gibt zurück:
string -Der DOM-Klassenname für dieses Objekt.
- Überschreibungen:
-
cancelAnimationFrame(id) → {Nummer}
-
Bricht einen Rückruf in der Warteschlange ab, der an Component #requestAnimationFrame (raF) übergeben wurde.
Wenn Sie einen Raf-Rückruf über Component #requestAnimationFrame in die Warteschlange stellen, verwenden Sie diese Funktion anstelle von
window.CancelAnimationFrame
. Andernfalls wird Ihr Entsorg-Listener erst bereinigt, wenn Component #dispose!Parameter:
Nennen Typ Beschreibung id
Zahl Die zu löschende Raf-ID. Der Rückgabewert von Komponente #requestAnimationFrame.
Gibt zurück:
nummer -Gibt die Raf-ID zurück, die gelöscht wurde.
- Überschreibungen:
- Siehe:
-
cancelNamedAnimationFrame(Name)
-
Bricht einen aktuell benannten Animationsframe ab, falls er vorhanden ist.
Parameter:
Nennen Typ Beschreibung Name
String Der Name des abzubrechenden RequestAnimationFrame.
- Überschreibungen:
-
kinder() → {Array}
-
Holen Sie sich ein Array aller untergeordneten Komponenten
Gibt zurück:
Array -Die Kinder
- Überschreibungen:
-
clearInterval(intervalId) → {number}
-
Löscht ein Intervall, das über
window.setInterval
oder Component #setInterval erstellt wird. Wenn Sie eine Inteval über Component #setInterval festlegen, verwenden Sie diese Funktion anstelle vonwindow.clearInterval
. Wenn Sie dies nicht tun, wird Ihr Entsorg-Listener erst bereinigt, wenn Component #dispose!Parameter:
Nennen Typ Beschreibung Intervalid
Zahl Die ID des zu löschenden Intervalls. Der Rückgabewert von Component #setInterval oder
window.setInterval
.Gibt zurück:
nummer -Gibt die Intervall-ID zurück, die gelöscht wurde.
- Überschreibungen:
- Siehe:
-
clearTimeout(timeoutId) → {Anzahl}
-
Löscht ein Timeout, das über
window.setTimeout
oder Component #setTimeout erstellt wird. Wenn Sie ein Timeout über Component #setTimeout festlegen, verwenden Sie diese Funktion anstelle vonwindow.clearTimout
. Wenn Sie dies nicht tun, wird Ihr Entsorg-Listener erst bereinigt, wenn Component #dispose!Parameter:
Nennen Typ Beschreibung timeoutID
Zahl Die ID des zu löschenden Timeouts. Der Rückgabewert von Component #setTimeout oder
window.setTimeout
.Gibt zurück:
nummer -Gibt die Timeout-ID zurück, die gelöscht wurde.
- Überschreibungen:
- Siehe:
-
contentEl() → {Element}
-
Gibt das DOM-Element der
Komponente
zurück. Hier werden Kinder eingefügt. Dies ist normalerweise das gleiche wie das in Component #el zurückgegebene Element.Gibt zurück:
Element -Das Inhaltselement für diese
Komponente
.- Überschreibungen:
-
createEl() → {Element}
-
Erstellen Sie das DOM-Element des
Menu
.Gibt zurück:
Element -das Element, das erstellt wurde
- Überschreibungen:
-
currentDimension(widthOrHeight) → {number}
-
Erhalten Sie die berechnete Breite oder die Höhe des Elements der Komponente.
Verwendet
window.GetComputedStyle
.Parameter:
Nennen Typ Beschreibung widthorHeight
String Eine Zeichenkette, die 'Breite' oder 'Höhe' enthält. Welchen auch immer du kriegen willst.
Gibt zurück:
nummer -Die Dimension, nach der gefragt wird, oder 0, wenn für diese Dimension nichts festgelegt wurde.
- Überschreibungen:
-
currentDimensions() → {Component~DimensionObject}
-
Holen Sie sich ein Objekt, das berechnete Breiten- und Höhenwerte des Elements der Komponente enthält.
Verwendet
window.GetComputedStyle
.- Überschreibungen:
-
aktuelleHöhe() → {Zahl}
-
Erhalten Sie die berechnete Höhe des Elements der Komponente.
Verwendet
window.GetComputedStyle
.Gibt zurück:
nummer -Die berechnete Höhe des Elements der Komponente.
- Überschreibungen:
-
currentWidth() → {Anzahl}
-
Regt die berechnete Breite des Elements der Komponente ab.
Verwendet
window.GetComputedStyle
.Gibt zurück:
nummer -Die berechnete Breite des Elements der Komponente.
- Überschreibungen:
-
dimension(widthOrHeight, numopt, skipListenersopt) → {number}
-
Regt die Breite oder Höhe des
Komponentenelements ab oder legen Sie sie fest. Dies ist der freigegebene Code für die Komponente #width und Komponente #height.
Dinge zu wissen:
- Wenn die Breite oder Höhe in einer Zahl die Zahl zurückgegeben wird, wird die Zahl zurückgegeben, die mit „px“ verschoben wurde.
- Wenn die Breite/Höhe ein Prozent ist, wird der Prozentsatz zurückgegeben, der mit '%' nachfixiert wurde
- Versteckte Elemente haben eine Breite von 0 mit
window.getComputedStyle
. Diese Funktion ist standardmäßig auf dieKomponente
SStil.Breite
und fällt zurück aufwindow.getComputedStyle
. Sehen Dies für mehr Informationen - Wenn Sie den berechneten Stil der Komponente wünschen, verwenden Sie Component #currentWidth und {Component #currentHeight
Parameter:
Nennen Typ Attribute Beschreibung widthorHeight
String 8 "Breite" oder "Höhe
num
Nummer | string <optional>
8 Neue Dimension
SkipListener
boolescher Wert <optional>
Komponentresize-Ereignisauslöser überspringen
Brände:
Gibt zurück:
nummer -Die Dimension beim Abrufen oder 0 wenn nicht gesetzt
- Überschreibungen:
-
Maße(Breite, Höhe)
-
Stellen Sie sowohl die Breite als auch die Höhe des
Komponentenelements gleichzeitig ein.
Parameter:
Nennen Typ Beschreibung Breite
Nummer | string Breite, auf die das Element der
Komponente
festgelegt werden soll.Höhe
Nummer | string Höhe, auf die das Element der
Komponente
festgelegt werden soll.- Überschreibungen:
-
entsorgen(Optionen)
-
Entsorgen Sie die
Komponente
und alle untergeordneten Komponenten.Parameter:
Nennen Typ Beschreibung Optionen
Objekt Immobilien
Nennen Typ Beschreibung originalEl
Element element, mit dem das Player-Element ersetzt werden soll
Brände:
- Überschreibungen:
-
el() → {Element}
-
Holen Sie sich das DOM-Element der
Komponente
Gibt zurück:
Element -Das DOM-Element für diese
Komponente
.- Überschreibungen:
-
EnableTouchActivity()
-
Diese Funktion meldet Benutzeraktivitäten, wenn Berührungsereignisse auftreten. Dies kann von allen Unterkomponenten deaktiviert werden, die möchten, dass Berührungsereignisse auf andere Weise handeln sollen.
Melden Sie Benutzerberührungsaktivitäten, wenn Touch-Ereignisse auftreten. Benutzeraktivitäten werden verwendet, um zu bestimmen, wann Steuerelemente ein-/ausblenden sollen. Es ist einfach, wenn es um Mausereignisse geht, da jedes Mausereignis die Steuerelemente anzeigen sollte. Also erfassen wir Mausereignisse, die zum Spieler hochgehen, und melden Aktivitäten, wenn dies geschieht. Bei Touch-Events ist es nicht so einfach wie
Touchstart
undTouchend-Player-Steuerelemente. Touch-Events können uns also auch auf Spielerebene nicht helfen.
Die Benutzeraktivität wird asynchron überprüft. Was also passieren könnte, ist, dass ein Tippereignis im Video die Steuerelemente ausschaltet. Dann sprudelt das
Touchend
Event zum Spieler. Was, wenn es Benutzeraktivitäten meldet, die Steuerelemente sofort wieder einschalten würde. Wir möchten auch nicht vollständig verhindern, dass Touch-Events aufblasen. Außerdem sollte einTouchmove
Event und alles andere als ein Tippen die Steuerelemente nicht wieder einschalten.Hört auf Ereignisse:
- Komponente #Ereignis:Touchstart
- Komponente #Ereignis:touchmove
- Komponente #Ereignis:touchend
- Komponente #Ereignis:touchcancel
- Überschreibungen:
-
Fokus(Artikelopt)
-
Setzen Sie den Fokus auf ein MenuItem im
Menü
.Parameter:
Nennen Typ Attribute Standardwert Beschreibung Artikel
Objekt | string <optional>
0 Index des untergeordneten Elements, auf den sich konzentriert.
- Überschreibungen:
-
getAttribute(attribute) → {string|null}
-
Rufen Sie den Wert eines Attributs auf dem . ab
Komponente
s-Element.Parameter:
Nennen Typ Beschreibung Attribut
String Name des Attributs, von dem der Wert abgerufen werden soll.
Gibt zurück:
string | null -- Der Wert des angeforderten Attributs. - Kann in einigen Browsern eine leere Zeichenfolge sein, wenn das Attribut nicht existiert oder keinen Wert hat - Die meisten Browser geben null zurück, wenn das Attribut nicht existiert oder keinen Wert hat.
- Überschreibungen:
- Siehe:
-
getChild(name) → {Komponente|undefiniert}
-
Gibt die untergeordnete
Komponente
mit dem angegebenenNamen zurück
.Parameter:
Nennen Typ Beschreibung Name
String Der Name der abzurufen untergeordneten
Komponente
.Gibt zurück:
Komponente | undefiniert -Die untergeordnete
Komponente
mit demVornamen
oder undefined.- Überschreibungen:
-
getChildById(id) → {Component|undefined}
-
Gibt die untergeordnete
Komponente
mit der angegebenenID zurück
.Parameter:
Nennen Typ Beschreibung id
String Die ID der abzurufen untergeordneten
Komponente
.Gibt zurück:
Komponente | undefiniert -Die untergeordnete
Komponente
mit der angegebenenID
oder undefined.- Überschreibungen:
-
getDescendant(...names) → {Component|undefined}
-
Gibt die nachkommende
Komponente
nach denNamen des givent-Nachkommen zurück
. Zum Beispiel würde ['foo', 'bar', 'baz'] versuchen, 'foo' auf der aktuellen Komponente, 'bar' auf der 'foo'-Komponente und 'baz' auf der 'bar'-Komponente zu erhalten und undefiniert zurückzugeben, wenn eine dieser Komponenten nicht existiert.Parameter:
Nennen Typ Attribute Beschreibung Namen
... Array.<string> | string <wiederholbar>
Der Name der abzurufen untergeordneten
Komponente
.Gibt zurück:
Komponente | undefiniert -Der Nachkomme
Komponente
nach dem angegebenen NachkommenNamen
oder undefiniert.- Überschreibungen:
-
Griffunschärfe(Veranstaltung)
-
Angerufen, wenn a
Menüelement
verliert den Fokus.Parameter:
Nennen Typ Beschreibung Ereignis
eventTarget~Event Das
Unschärfe-Ereignis, das dazu geführt hat, dass diese Funktion aufgerufen wurde.
Hört auf Ereignisse:
- Ereignis:Unschärfe
-
HandleKeyDown(Ereignis)
-
Behandeln Sie ein
Keydown-Ereignis in diesem Menü. Dieser Listener wird im Konstruktor hinzugefügt.
Parameter:
Nennen Typ Beschreibung Ereignis
eventTarget~Event Ein
Keydown-Ereignis, das im Menü passiert ist.
Hört auf Ereignisse:
- Ereignis:keydown
- Überschreibungen:
-
HandleKeyPress(Ereignis)
-
Viele Komponenten hatten früher eine
HandleKeyPress-Methode, die schlecht benannt wurde, weil sie auf ein
Keydown-Ereignis hörte. Dieser Methodenname delegiert jetzt an
HandleKeyDown
. Dies bedeutet, dass jeder, derHandleKeyPress
aufruft, seine Methodenaufrufe nicht mehr funktionieren.Parameter:
Nennen Typ Beschreibung Ereignis
eventTarget~Event Das Ereignis, das dazu geführt hat, dass diese Funktion aufgerufen wurde.
- Überschreibungen:
-
abstrakt handleAnguageChange()
-
Behandelt Sprachänderungen für den Player in Komponenten. Sollte durch Unterkomponenten außer Kraft gesetzt werden.
- Überschreibungen:
-
handleTapClick(Veranstaltung)
-
Angerufen, wenn a
Menüelement
angeklickt oder angetippt wird.Parameter:
Nennen Typ Beschreibung Ereignis
eventTarget~Event Die
klicken
oderZapfhahn
Ereignis, das den Aufruf dieser Funktion verursacht hat.Hört auf Ereignisse:
- Klicken, Ereignis: Tippen Sie auf
-
hasClass(classToCheck) → {boolean}
-
Überprüfen Sie, ob das Element einer Komponente einen CSS-Klassennamen hat.
Parameter:
Nennen Typ Beschreibung ClasstoCheck
String Zu überprüfende CSS-Klassenname.
Gibt zurück:
boolescher Wert -- True, wenn die
Komponente
die Klasse hat. - False, wenn dieKomponente
die Klasse nicht hat`
- Überschreibungen:
- True, wenn die
-
höhe(numopt, skipListenersopt) → {number|string}
-
Regt die Höhe der Komponente basierend auf den CSS-Stilen ab oder legt sie fest. Weitere Informationen finden Sie unter Komponente #dimension.
Parameter:
Nennen Typ Attribute Beschreibung num
Nummer | string <optional>
Die Höhe, die Sie mit '%', 'px' oder gar nicht setzen wollen.
SkipListener
boolescher Wert <optional>
Überspringen Sie den componentresize-Ereignisauslöser
Gibt zurück:
Nummer | string -Die Breite beim Erhalten, Null wenn keine Breite vorhanden ist. Kann eine Zeichenkette mit dem Zusatz '%' oder 'px' sein.
- Überschreibungen:
-
hide()
-
Blenden Sie das Element der
Komponente
aus, wenn es derzeit angezeigt wird, indem Sie den Klassennamen „vjs-hidden“ hinzufügen.- Überschreibungen:
-
id() → {String}
-
Holen Sie sich die ID dieser
Komponente
Gibt zurück:
string -Die ID dieser
Komponente
- Überschreibungen:
-
initChildren()
-
Fügen Sie die untergeordneten
Standardkomponente
basierend auf Optionen hinzu und initialisieren Sie sie.- Überschreibungen:
-
isDisposed() → {boolean}
-
Prüfen Sie, ob diese Komponente entsorgt wurde oder nicht.
Gibt zurück:
boolescher Wert -Wenn das Bauteil entsorgt wurde, ist
wahr
. Ansonstenfalsch
.- Überschreibungen:
-
localize(string, tokensopt, defaultValueopt) → {string}
-
Lokalisieren Sie eine Zeichenfolge mit der Zeichenfolge in Englisch.
Wenn Token angegeben werden, wird versucht, einen einfachen Token-Ersatz für die bereitgestellte Zeichenfolge auszuführen. Die Token, nach denen gesucht wird, sehen aus wie
{1}
, wobei der Index im Token-Array mit 1 indiziert ist.Wenn ein
DefaultValue angegeben
wird, wird dieseOver-Zeichenfolge verwendet
, wenn in den bereitgestellten Sprachdateien kein Wert gefunden wird. Dies ist nützlich, wenn Sie einen beschreibenden Schlüssel für den Token-Ersatz haben möchten, aber eine prägnante lokalisierte Zeichenfolge haben und nicht erforderlich ist, dassen.json eingeschlossen werden
muss.Derzeit wird es für das Timing des Fortschrittsbalkens verwendet.
{ "Fortschrittsbalken-Timing: currentTime={1} duration={2}": "{1} von {2}" }
Es wird dann so benutzt:
this.localize('progress bar timing: currentTime={1} duration{2}', [this.player_.currentTime(), this.player_.duration()], '{1} von {2}');
Was gibt etwas aus wie:
01:23 von 24:56
.Parameter:
Nennen Typ Attribute Beschreibung String
String Die zu lokalisierende Zeichenfolge und der Schlüssel zum Nachschlagen in den Sprachdateien.
Token
Array.<Zeichenfolge> <optional>
Wenn das aktuelle Element Token-Ersetzungen enthält, geben Sie die Token hier ein.
defaultValue
String <optional>
Standardmäßig ist
String
. Kann ein Standardwert sein, der für den Austausch von Token verwendet werden soll, wenn der Nachschlageschlüssel getrennt sein muss.Gibt zurück:
string -Die lokalisierte Zeichenfolge oder wenn keine Lokalisierung existiert, die englische Zeichenfolge.
- Überschreibungen:
-
name() → {string}
-
Holen Sie sich den Namen der
Komponente
. Der Name wird verwendet, um auf dieKomponente zu verweisen
und wird bei der Registrierung festgelegt.Gibt zurück:
string -Der Name dieser
Komponente
.- Überschreibungen:
-
optionen(obj) → {Objekt}
-
Tiefes Zusammenführen von Optionsobjekten mit neuen Optionen.
Hinweis: Wenn sowohl
obj
als auchOptionen Eigenschaften
enthalten, deren Werte Objekte sind. Die beiden Eigenschaften werden mit module:mergeOptions zusammengeführtParameter:
Nennen Typ Beschreibung obj
Objekt Das Objekt, das neue Optionen enthält.
Gibt zurück:
Objekt -Ein neues Objekt von
this.options_
undobj
verschmolzen.- Überschreibungen:
-
player() → {Player}
-
Gibt den Player zurück, an den die
Komponente angehängt
hat.- Überschreibungen:
-
ready() → {Komponente}
-
Binden Sie einen Listener an den Bereitschaftsstatus der Komponente. Anders als Ereignis-Listener darin, dass, wenn das Ready-Ereignis bereits aufgetreten ist, die Funktion sofort ausgelöst wird.
- Überschreibungen:
-
removeAttribute(Attribut)
-
Entfernt ein Attribut aus dem Element der
Komponente
.Parameter:
Nennen Typ Beschreibung Attribut
String Name des zu entfernenden Attributs.
- Überschreibungen:
- Siehe:
-
removeChild(Komponente)
-
Diese Methode wird indirekt aufgerufen, wenn die Komponente hinzugefügt wurde, bevor die Komponente der neuen Menüinstanz hinzugefügt wird durch
Artikel hinzufügen
. In diesem Fall entfernt die ursprüngliche Menüinstanz die Komponente durch Aufrufen vonentfernenKind
.Parameter:
Nennen Typ Beschreibung Komponente
Objekt Die Instanz des
Menüelement
- Überschreibungen:
-
removeClass(ClassORemove)
-
Entfernt einen CSS-Klassennamen aus dem Element der
Komponente
.Parameter:
Nennen Typ Beschreibung ClassToRemove
String Zu entfernende CSS-Klassenname
- Überschreibungen:
-
removeEventListenerForItem(Komponente)
-
Ereignis-Listener aus dem entfernen Menüelement.
Parameter:
Nennen Typ Beschreibung Komponente
Objekt Die Instanz des
Menüelement
Hörer zu entfernen. -
requestAnimationFrame(fn) → {Nummer}
-
Stellt einen Rückruf in die Warteschlange, der an RequestAnimationFrame (raF) weitergeleitet werden soll, jedoch mit ein paar zusätzlichen Boni:
-
Unterstützt Browser, die RaF nicht unterstützen, indem sie auf Component #setTimeout zurückgehen.
-
Der Callback wird in eine Component~GenericCallback umgewandelt (d. h. an die Komponente gebunden).
-
Die automatische Stornierung des Raf-Rückrufs wird behandelt, wenn die Komponente vor dem Aufruf entsorgt wird.
Parameter:
Nennen Typ Beschreibung fn
Component~GenericCallback Eine Funktion, die an diese Komponente gebunden und kurz vor dem nächsten Nachstreichen des Browsers ausgeführt wird.
Hört auf Ereignisse:
Gibt zurück:
nummer -Gibt eine Raf-ID zurück, die zur Identifizierung des Timeouts verwendet wird. Es kann auch in Component #cancelAnimationFrame verwendet werden, um den Rückruf des Animationsrahmens abzubrechen.
- Überschreibungen:
- Siehe:
-
-
RequestNamedAnimationFrame(name, fn)
-
Fordern Sie einen Animationsframe an, aber nur ein benannter Animationsframe wird in die Warteschlange gestellt. Ein anderer wird nie hinzugefügt, bis der vorherige beendet ist.
Parameter:
Nennen Typ Beschreibung Name
String Der Name, der diesem RequestAnimationFrame gegeben werden soll
fn
Component~GenericCallback Eine Funktion, die an diese Komponente gebunden und kurz vor dem nächsten Nachstreichen des Browsers ausgeführt wird.
- Überschreibungen:
-
setAttribute(Attribut, Wert)
-
Setzen Sie den Wert eines Attributs auf dem
Komponente
's ElementParameter:
Nennen Typ Beschreibung Attribut
String Name des festzulegenden Attributs.
Wert
String Wert, auf den das Attribut festgelegt werden soll.
- Überschreibungen:
- Siehe:
-
setInterval(fn, Intervall) → {Zahl}
-
Erstellt eine Funktion, die alle
x
Millisekunden ausgeführt wird. Diese Funktion ist ein Wrapper umWindow.setInterval
. Es gibt jedoch ein paar Gründe, diesen stattdessen zu verwenden.- Es wird über Komponente #clearInterval gelöscht, wenn Component #dispose aufgerufen wird.
- Der Funktions-Callback wird eine Component~GenericCallback sein
Parameter:
Nennen Typ Beschreibung fn
Component~GenericCallback Die Funktion, die alle
x
Sekunden ausgeführt werden soll.Intervall
Zahl Führen Sie die angegebene Funktion alle
x
Millisekunden aus.Hört auf Ereignisse:
Gibt zurück:
nummer -Gibt eine ID zurück, mit der das Intervall identifiziert werden kann. Es kann auch in Komponente #clearInterval verwendet werden, um das Intervall zu löschen.
- Überschreibungen:
- Siehe:
-
setTimeout(fn, timeout) → {Zahl}
-
Erstellt eine Funktion, die nach einem ausgeführt wird
x
Millisekunden-Timeout. Diese Funktion ist ein Wrapper umWindow.setTimeout
. Es gibt jedoch ein paar Gründe, diesen stattdessen zu verwenden:- Es wird über Komponente #clearTimeout gelöscht, wenn Component #dispose aufgerufen wird.
- Der Funktionsrückruf wird in eine Component~GenericCallback umgewandelt
Hinweis: Sie können
Window.cleArtimeOut
für die von dieser Funktion zurückgegebene ID nicht verwenden. Dies führt dazu, dass sein Entsorgung Hörer nicht aufgeräumt wird! Bitte verwenden Sie Komponente#clearTimeout oder Komponente#entsorgen stattdessen.Parameter:
Nennen Typ Beschreibung fn
Component~GenericCallback Die Funktion, die nach dem
Timeout ausgeführt wird
.Timeout
Zahl Timeout in Millisekunden, das verzögert werden muss, bevor die angegebene Funktion ausgeführt wird.
Hört auf Ereignisse:
Gibt zurück:
nummer -Gibt eine Timeout-ID zurück, die zur Identifizierung des Timeouts verwendet wird. Es kann auch in Component #clearTimeout verwendet werden, um das eingestellte Timeout zu löschen.
- Überschreibungen:
- Siehe:
-
zeigen()
-
Zeigen Sie das Element "
Komponenten"
an, wenn es ausgeblendet ist, indem Sie den Klassennamen "vjs-hidden" aus ihm entfernen.- Überschreibungen:
-
StepBack()
-
Wechseln Sie zum vorherigen (höheren) Menüpunkt für Tastaturbenutzer.
-
StepForward()
-
Wechseln Sie zum nächsten (unteren) Menüpunkt für Tastaturbenutzer.
-
ToggleClass(ClassToggle, Prädikatopt)
-
Fügen Sie einen CSS-Klassennamen aus dem Element der Komponente hinzu oder entfernen Sie ihn.
ClassToggle
wird hinzugefügt, wenn Component #hasClass false zurückgibt.ClassToggle
wird entfernt, wenn Component #hasClass true zurückgibt.
Parameter:
Nennen Typ Attribute Beschreibung ClassToggle
String Die Klasse, die hinzugefügt oder entfernt werden soll, basierend auf (@link Component #hasClass}
Prädikat
boolean | dom~Prädikat <optional>
Eine dom~Predicate-Funktion oder ein boolescher Wert
- Überschreibungen:
-
triggerReady()
-
Lösen Sie alle fertigen Listener für diese
Komponente aus
.Brände:
- Überschreibungen:
-
width(numopt, skipListenersopt) → {number|string}
-
Regt die Breite der Komponente basierend auf den CSS-Stilen ab oder legt sie fest. Weitere Informationen finden Sie unter Komponente #dimension.
Parameter:
Nennen Typ Attribute Beschreibung num
Nummer | string <optional>
Die Breite, die Sie mit '%', 'px' oder gar nicht setzen wollen.
SkipListener
boolescher Wert <optional>
Überspringen Sie den componentresize-Ereignisauslöser
Gibt zurück:
Nummer | string -Die Breite beim Erhalten, Null wenn keine Breite vorhanden ist. Kann eine Zeichenkette mit dem Zusatz '%' oder 'px' sein.
- Überschreibungen:
Veranstaltungen
-
componentresize
-
Wird ausgelöst, wenn die Größe einer Komponente geändert wird.
Typ:
- Überschreibungen:
-
entsorgen
-
Wird ausgelöst, wenn eine
Komponente entsorgt
wird.Typ:
Eigenschaften:
Nennen Typ Attribute Standardwert Beschreibung Blasen
boolescher Wert <optional>
falsch auf false gesetzt, damit das Dispose-Ereignis nicht sprudelt
- Überschreibungen:
-
bereit
-
Wird ausgelöst, wenn eine
Komponente bereit
ist.Typ:
- Überschreibungen:
-
tippen
-
Wird ausgelöst, wenn auf eine
Komponente getippt
wird.Typ:
- Überschreibungen: