ModalDialog(Spieler, Optionenopt)

Der ModalDialog wird über das Video und seine Steuerelemente angezeigt, was die Interaktion mit dem Player blockiert, bis er geschlossen ist.

Modale Dialoge enthalten eine „Schließen“ -Taste und werden geschlossen, wenn diese Taste aktiviert ist - oder wenn ESC irgendwo gedrückt wird.

Neu ModalDialog(Spieler, Optionenopt)

Erstellen Sie eine Instanz dieser Klasse.

Parameter:
Nennen Typ Attribute Beschreibung
Spieler Spieler

Der Spieler, an den diese Klasse angehängt sein sollte.

Optionen Objekt <optional>

Der Schlüssel-/Wert-Speicher der Spieleroptionen.

Immobilien
Nennen Typ Attribute Standardwert Beschreibung
Inhalt Gemischt <optional>

Stellen Sie maßgeschneiderte Inhalte für dieses Modal bereit.

beschreibung String <optional>

Eine Textbeschreibung für das Modal, hauptsächlich zur Barrierefreiheit.

FüllAlways boolescher Wert <optional>
falsch

Normalerweise werden Modale erst beim ersten Öffnen automatisch gefüllt. Dies weist dem Modal an, seinen Inhalt bei jedem Öffnen zu aktualisieren.

etikett String <optional>

Eine Textbeschriftung für das Modal, hauptsächlich zur Barrierefreiheit.

pauseOnOpen boolescher Wert <optional>
wahr

Wenn wahr , wird die Wiedergabe angehalten, wenn das Modal geöffnet wird, und wird fortgesetzt, wenn es geschlossen wird.

vorübergehend boolescher Wert <optional>
wahr

Wenn das stimmt, kann das Modal nur einmal geöffnet werden; es wird entsorgt, sobald es geschlossen ist.

unschließbar boolescher Wert <optional>
falsch

Wenn dies zutrifft, kann der Benutzer das Modal nicht auf normale Weise über die Benutzeroberfläche schließen. Ein programmatisches Schließen ist weiterhin möglich.

Verlängert

Methoden

$(Selektor, Kontextopt) → {Element|null}

Suchen Sie ein einzelnes DOM-Element, das einem Selektor entspricht. Dies kann innerhalb der KomponenteS contentEl() 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. Wenn this.contentel () nichts zurückgibt, fällt es auf das 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 der KomponenteS contentEl() 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. Wenn this.contentel () nichts zurückgibt, fällt es auf das 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 aktuellen Komponente 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 die Komponente wird durch diesen Prozess erstellt.

Überschreibungen:

addClass(ClassToAdd)

Fügen Sie dem Element der Komponenteeinen CSS-Klassennamen hinzu.

Parameter:
Nennen Typ Beschreibung
ClassToAdd String

Hinzufügen von CSS-Klassenname

Überschreibungen:

verwischen()

Entferne den Fokus von dieser Komponente

Überschreibungen:

buildCSSClass() → {string}

Baut den Standard-DOM ClassName auf.

Gibt zurück:
string -

Der DOM ClassName 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 von window.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 von window.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:

schließen()

Schließt das Modal, tut nichts, wenn der ModalDialog nicht geöffnet ist.

Brände:

abschließbar(Wertopt) → {boolean}

Prüfen Sie, ob der ModalDialog über die Benutzeroberfläche geschlossen werden kann.

Parameter:
Nennen Typ Attribute Beschreibung
Wert boolescher Wert <optional>

Wenn es als boolescher Wert angegeben wird, wird das verschließbar Möglichkeit.

Gibt zurück:
boolescher Wert -

Gibt den endgültigen Wert der verschließbaren Option zurück.

inhalt(valueopt) → {Mixed}

Ruft den modalen Inhalt ab oder legt ihn fest, der normalisiert wird, bevor er in das DOM gerendert wird.

Dies aktualisiert das DOM nicht oder füllt das Modal nicht aus, aber es wird während dieses Prozesses aufgerufen.

Parameter:
Nennen Typ Attribute Beschreibung
Wert Gemischt <optional>

Wenn definiert, wird der interne Inhaltswert festgelegt, der für die nächsten (n) Aufrufe verwendet werden soll, die ausgefüllt werden sollen. Dieser Wert wird normalisiert, bevor er eingefügt wird. Um den internen Inhaltswert zu „löschen“, übergeben Sie null.

Gibt zurück:
Gemischt -

Der aktuelle Inhalt des Modaldialogs

contentEl() → {Element}

Gibt das DOM-Element der Komponentezurü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 die ModalDialog's DOM-Element

Gibt zurück:
Element -

Das DOM-Element, das erstellt wird.

Ü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.

Gibt zurück:
component~dimensionObject-

Die berechneten Dimensionen des Elements der Komponente.

Ü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:

beschreibung() → {String}

Gibt die Beschreibungszeichenfolge für dieses Modal zurück. Wird hauptsächlich für die Barrierefreiheit verwendet.

Gibt zurück:
string -

Die lokalisierte oder rohe Beschreibung dieses Modals.

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 die KomponenteS Stil.Breite und fällt zurück auf window.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 Komponentefestgelegt werden soll.

Höhe Nummer | string

Höhe, auf die das Element der Komponentefestgelegt 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:

leer()

Leert das Inhaltselement. Dies geschieht jedes Mal, wenn das Modal gefüllt ist.

Brände:

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 und Touchend-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 ein Touchmove 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:

füllen()

Füllen Sie das Inhaltselement des Modals mit der Option „Inhalt“ des Modals. Das Inhaltselement wird geleert, bevor diese Änderung stattfindet.

FillWith(Inhaltopt)

Füllen Sie das Inhaltselement des Modals mit beliebigem Inhalt. Das Inhaltselement wird geleert, bevor diese Änderung stattfindet.

Parameter:
Nennen Typ Attribute Beschreibung
Inhalt Gemischt <optional>

Dafür gelten dieselben Regeln wie für die Inhaltsoption.

Brände:

fokus()

Setzen Sie den Fokus auf diese Komponente

Überschreibungen:

getAttribute(attribute) → {string|null}

Rufen Sie den Wert eines Attributs auf dem . ab Komponentes-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 angegebenen Namen zurück.

Parameter:
Nennen Typ Beschreibung
Name String

Der Name der abzurufen untergeordneten Komponente.

Gibt zurück:
Komponente | undefiniert -

Die untergeordnete Komponente mit dem Vornamen oder undefined.

Überschreibungen:

getChildById(id){Component|undefined}

Gibt die untergeordnete Komponente mit der angegebenen ID zurück.

Parameter:
Nennen Typ Beschreibung
id String

Die ID der abzurufen untergeordneten Komponente.

Gibt zurück:
Komponente | undefiniert -

Die untergeordnete Komponente mit der angegebenen ID oder undefined.

Überschreibungen:

getDescendant(...names){Component|undefined}

Gibt die nachkommende Komponente nach den Namen 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 Nachkommen Namen oder undefiniert.

Überschreibungen:

handleKeyDown()

Keydown-Handler. Angehängt, wenn Modal fokussiert 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, der HandleKeyPress 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:

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 die Komponente die Klasse nicht hat`
Überschreibungen:

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 Komponenteaus, 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 Standardkomponentebasierend 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. Ansonsten falsch.

Überschreibungen:

label() → {string}

Gibt die Beschriftungszeichenfolge für dieses Modal zurück. Wird hauptsächlich für die Barrierefreiheit verwendet.

Gibt zurück:
string -

das lokalisierte oder rohe Label dieses Modals.

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 diese Over-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, dass en.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 die Komponente zu verweisen und wird bei der Registrierung festgelegt.

Gibt zurück:
string -

Der Name dieser Komponente.

Überschreibungen:

open()

Öffnet das Modal.

Brände:

geöffnet(valueopt) → {boolean}

Wenn der ModalDialog derzeit geöffnet oder geschlossen ist.

Parameter:
Nennen Typ Attribute Beschreibung
Wert boolescher Wert <optional>

Wenn angegeben, öffnet (wahr) oder schließt (falsch) das Modal.

Gibt zurück:
boolescher Wert -

der aktuelle offene Status des Modaldialogs

optionen(obj) → {Objekt}

Tiefes Zusammenführen von Optionsobjekten mit neuen Optionen.

Hinweis: Wenn sowohl obj als auch Optionen Eigenschaften enthalten, deren Werte Objekte sind. Die beiden Eigenschaften werden mit module:mergeOptions zusammengeführt

Parameter:
Nennen Typ Beschreibung
obj Objekt

Das Objekt, das neue Optionen enthält.

Gibt zurück:
Objekt -

Ein neues Objekt von this.options_ und obj verschmolzen.

Überschreibungen:

player(){Player}

Gibt den Player zurück, an den die Komponente angehängt hat.

Gibt zurück:
Spieler-

Der Spieler, an den diese 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.

Gibt zurück:
Komponente-

Gibt sich selbst zurück; Methode kann verkettet werden.

Ü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)

Entfernen Sie eine untergeordnete Komponente aus der untergeordneten Liste dieser Komponente. Entfernt auch das Kind Komponentes Element davon Komponentes-Element.

Parameter:
Nennen Typ Beschreibung
Komponente Komponente

Das Kind Komponente zu entfernen.

Überschreibungen:

removeClass(ClassORemove)

Entfernt einen CSS-Klassennamen aus dem Element der Komponente.

Parameter:
Nennen Typ Beschreibung
ClassToRemove String

Zu entfernende CSS-Klassenname

Überschreibungen:

requestAnimationFrame(fn) → {Nummer}

Stellt einen Rückruf in die Warteschlange, der an RequestAnimationFrame (raF) weitergeleitet werden soll, jedoch mit ein paar zusätzlichen Boni:

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 Element

Parameter:
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 um Window.setInterval. Es gibt jedoch ein paar Gründe, diesen stattdessen zu verwenden.

  1. Es wird über Komponente #clearInterval gelöscht, wenn Component #dispose aufgerufen wird.
  2. 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 um Window.setTimeout. Es gibt jedoch ein paar Gründe, diesen stattdessen zu verwenden:

  1. Es wird über Komponente #clearTimeout gelöscht, wenn Component #dispose aufgerufen wird.
  2. 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:

ToggleClass(ClassToggle, Prädikatopt)

Fügen Sie einen CSS-Klassennamen aus dem Element der Komponente hinzu oder entfernen Sie ihn.

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

beforemodalclose

Wurde kurz bevor ein ModalDialog geschlossen wird.

Typ:

beforemodalempty

Wird ausgelöst, bevor ein ModalDialog geleert wird.

Typ:

beforemodalfill

Wird ausgelöst, bevor ein ModalDialog mit Inhalten gefüllt wird.

Typ:

beforemodalopen

Kurz bevor ein ModalDialog geöffnet wird, ausgelöst.

Typ:

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:

modalclose

Wird direkt nach dem Schließen eines ModalDialog ausgelöst.

Typ:

modalempty

Wird kurz nachdem ein ModalDialog geleert wurde, ausgelöst.

Typ:

modalfill

Wird ausgelöst, nachdem ein ModalDialog mit Inhalten gefüllt wurde.

Typ:

modalopen

Wird direkt nach dem Öffnen eines ModalDialogs ausgelöst.

Typ:

bereit

Wird ausgelöst, wenn eine Komponente bereit ist.

Typ:
Überschreibungen:

tippen

Wird ausgelöst, wenn auf eine Komponente getippt wird.

Typ:
Überschreibungen: