Wprowadzenie do wydarzeń HTML
HyperText Markup Language (HTML) to język hipertekstowy, który tworzy projektowanie stron internetowych. jest pokazany w dowolnej przeglądarce internetowej. Zdarzenia HTML to Akcja. każdy użytkownik kliknięcia otrzymuje reakcję z przeglądarki o nazwie Akcja. Ten proces jest nazywany zdarzeniem.
Powiedzmy, że jeśli strona internetowa ma jeden formularz, użytkownik wypełnia ten formularz, a następnie otrzymuje dwa klucze, jeden jest wysyłany, a drugi jest anulowany. Gdy użytkownik naciśnie przycisk Prześlij, dane formularza zostaną zapisane. Na przycisku anuluj anuluj dane formularza i odśwież formularz ponownie. Ta akcja przycisku zwana zdarzeniem. to zdarzenie zależy od działań użytkowników.
Inny typ zdarzeń HTML
W HTML5 dostępnych jest wiele atrybutów zdarzeń, które są sklasyfikowane przede wszystkim w 6 różnych typach. Te atrybuty działają w języku JavaScript.
- Atrybuty zdarzeń Windows: Jest to przewidziane dla akcji obiektu Windows. Działa w tagu body.
- Atrybuty zdarzenia formularza: Jeśli użytkownik wykona jakieś działanie w formularzu, takie jak dane wejściowe, anuluj, prześlij, a następnie te atrybuty zdarzenia będą działać.
- Atrybuty zdarzenia klawiatury: to atrybuty zdarzenia klawiatury używane do działania klawiatury i interakcji użytkownika.
- Atrybuty zdarzenia myszy: atrybut zdarzenia myszy używany do akcji myszy, którą jest ruch, kliknięcie, kółko itp.
- Atrybuty zdarzenia schowka: to atrybuty zdarzenia używane do akcji schowka. Przykład wycinania, kopiowania, szkodników.
- Atrybuty zdarzenia multimedialnego: ten atrybut zdarzenia działa na plikach multimedialnych, takich jak wideo itp.
Opis atrybutów zdarzeń
Oto niektóre wyjaśnienia atrybutów zdarzeń, które podano szczegółowo poniżej:
1. Atrybuty zdarzeń Windows
|
Atrybut |
Opis |
| onafterprint | Ten skrypt działa, chociaż po wydrukowaniu dokumentu. |
| przedruk | Ten skrypt działa, ale przed wydrukowaniem dokumentu. |
| onbeforeunload | Podczas gdy przed rozładowanym dokumentem ten skrypt działa. |
| onerror | W dokumencie występuje błąd, a następnie to zdarzenie zostało wykonane. |
| onhashchange | Zakotwiczona część adresu URL zmienia się w dokumencie, w którym zostało wykonane zdarzenie czasowe. |
| obciążenie | Gdy pierwsza strona zostanie całkowicie załadowana, zdarzenie zostanie wykonane. |
| wiadomość | W dokumencie komunikat pojawił się w momencie wykonania zdarzenia. |
| onoffline | Jeśli połączenie sieciowe jest niedostępne, a przeglądarka wyświetli komunikat offline, zdarzenie zostanie wykonane. |
| ononline | Gdy sieć jest dostępna w przeglądarce, zdarzenie jest wykonywane. |
| onpagehide | Ten skrypt działa, jeśli użytkownik nie pracuje na bieżącej stronie, bieżącą stronę można ukryć. |
| showpageshow | Ten skrypt działa w momencie załadowania bieżącej strony internetowej. |
| onpopstate | Ten skrypt automatycznie działa w przeglądarce dla zmiany stanu historii. |
| onresize | Ten skrypt działa, gdy przeglądarka okna zmienia rozmiar. |
| na miejscu | Gdy pamięć internetowa użytkowników zostanie zaktualizowana, zdarzenie zostanie wykonane. |
| onunload | Albo bieżąca strona użytkownika nie jest ładowana, albo okno jest zamknięte, a następnie zdarzenie wykonane. |
2. Utwórz atrybuty zdarzenia
| Atrybut | Opis |
| onblur | Niektóre obiekty sprawdzania formy tracą fokus, a następnie uruchamiane są zdarzenia. |
| onchange | Zmiana wartości w formularzu wywołała zdarzenie. |
| onfocus | W formularzu obiekt ma fokus. Pracując nad tym obiektem uruchomiono zdarzenie. |
| oninput | Użytkownik podaje wartość w formularzu, a następnie to zdarzenie zostało uruchomione. |
| oninvalid | Zdarzenie działa, gdy element nie spełnia wcześniej zdefiniowanych ograniczeń. |
| onreset | Użytkownik zresetował informacje w formularzu, a następnie zdarzenie zostało uruchomione. |
| onsearch | Użytkownicy wyszukują wymagane pole, a następnie uruchamiają zdarzenie. |
| onselect | Użytkownik wybiera tekst lub obszar tekstowy w formie, a następnie uruchamia zdarzenie. |
| onsubmit | Użytkownik przesyła formularz na końcu, a następnie zdarzenie zostało uruchomione. |
3. Atrybuty zdarzenia klawiatury
| Atrybut | Opis |
| onkeydown | Za pomocą klawiatury użytkownik naciska klawisz w dół, w tym momencie zdarzenie działa |
| onkeypress | Za pomocą klawiatury użytkownicy naciskają klawisz i wyświetlają znaki w tym momencie, gdy zdarzenie działa. |
| onkeyup | Po naciśnięciu kluczowy użytkownik zwalnia klucz, a następnie zdarzenie działa. |
4. Atrybuty zdarzeń myszy
| Atrybut | Opis |
| na kliknięcie | Użytkownik klika przycisk myszy, po czym nastąpiło zdarzenie. |
| ondblclick | Użytkownicy dwukrotnie klikają myszą, aby zdarzenie miało miejsce. |
| onmousedown | Użytkownik naciska przycisk myszy na elemencie, a następnie wystąpiło zdarzenie. |
| onmousemove | Użytkownik przesuwa wskaźnik myszy nad elementem, a następnie miało miejsce zdarzenie. |
| onmouseout | Użytkownik przesuwa mysz poza element, a następnie miało miejsce zdarzenie. |
| onmouseover | Użytkownik przesuwa kursor myszy nad elementem, a następnie miało miejsce zdarzenie. |
| onmouseup | Użytkownik zwolnił przycisk myszy, a następnie wystąpiło zdarzenie. |
| koło zamachowe | Za pomocą kółka myszy użytkownik przewija element w górę iw dół, a następnie zdarzenie miało miejsce. |
| koło zamachowe | Za pomocą kółka myszy przewiń je w górę i w dół, aby zdarzenie miało miejsce. |
5. Atrybuty zdarzenia schowka
| Atrybut | Opis |
| onkopia | Kopiowanie treści za pomocą myszy odbywało się wtedy w zdarzeniu. |
| oncut | Za pomocą myszy użytkownicy wycinają zawartość, a następnie zdarzenie. |
| pasta | Za pomocą myszy wklej zawartość, a następnie wystąpiło zdarzenie. |
6. Atrybuty zdarzenia medialnego
| Atrybut | Opis |
| onabort | Gdy pliki multimedialne zostaną przerwane w celu pobrania i ponownego odtworzenia, nastąpi zdarzenie. |
| oncanplay | Gdy dowolny plik multimedialny jest gotowy do odtwarzania, wyzwalacz jest uruchamiany. |
| oncanplaythrough | Plik multimedialny gotowy do odtwarzania bez buforowania i ładowania. |
| oncuechange | Element zmienia sygnał odpalonego zdarzenia. |
| zmiana czasu trwania | Plik multimedialny zmienia czas, po którym wyzwalacz jest uruchamiany. |
| onempted | Jeśli plik multimedialny jest niedostępny i wystąpi błąd krytyczny, wyzwalacz zostanie uruchomiony. |
| onended | Plik multimedialny pojawia się w punkcie końcowym, a następnie uruchamiany jest wyzwalacz. |
| onerror | Gdy wystąpił błąd podczas pobierania pliku multimedialnego, wyzwalacz jest uruchamiany |
| onloadeddata | Plik multimedialny ładuje dane, a następnie wyzwalacz jest uruchamiany. |
| onloadedmetadata | Plik multimedialny ładuje metadane, a następnie wyzwalacz jest uruchamiany. |
| onloadstart | Plik multimedialny zaczyna się ładować, a następnie uruchamiany jest wyzwalacz. |
| pauza | Plik multimedialny został wstrzymany, aby odtworzyć ponownie, a następnie wyzwalacz został uruchomiony. |
| gra wstępna | Plik multimedialny jest gotowy do odtwarzania, a następnie wyzwalacz jest uruchamiany. |
| gra | Rozpocznie się odtwarzanie pliku multimedialnego, a następnie wyzwalacz. |
| onprogress | Ten skrypt działa, gdy przeglądarka pracuje nad połączeniem z danymi medialnymi. |
| onratechange | Jeśli szybkość odtwarzania filmów zostanie zmieniona, wyzwalacz zostanie uruchomiony. |
| onseeked | Użytkownicy zakończyli przenoszenie, w przeciwnym razie pomiń nową pozycję wideo. ten atrybut jest ustawiony na false. |
| szukanie | Użytkownik chce się przenieść, w przeciwnym razie pomiń nową pozycję wideo. ten atrybut jest ustawiony jako prawda. |
| zainstalowany | Gdy przeglądarka nagle zatrzymuje się na łączeniu danych, zdarzenie działa. |
| zawieszenie | Gdy przeglądarka internetowa celowo nie pobiera danych multimedialnych, zdarzenia działają. |
| ontimeupdate | Gdy użytkownik zmienia pozycję odtwarzania wideo, np. Do przodu i do tyłu. |
| onvolumechange | Aby zmienić głośność z niskiego na wysoki. |
| oczekuje na | Jeśli dane załadują informacje, bieżące wideo zatrzymuje się z buforowaniem, a następnie zdarzenie działa. |
Wniosek
Zdarzenia HTML to łatwy sposób na działanie i interfejs między przeglądarkami internetowymi a użytkownikami. Użytkownicy mogą uzyskać reakcję każdego działania bez wysiłku. Na przykład; Wytnij i skopiuj do schowka, przesuń i kliknij myszą, przyciski formularza. Wydarzenia sprawiają, że aplikacje internetowe są w czasie rzeczywistym i tworzą inteligentne systemy pracy.
Polecane artykuły
To jest przewodnik po wydarzeniach HTML. Tutaj omawiamy wprowadzenie i typy zdarzeń HTML, takich jak okna, formularze, klawiatura i wiele innych, wraz ze szczegółowym wyjaśnieniem atrybutów. Możesz także przejrzeć następujące artykuły, aby dowiedzieć się więcej-
- Podstawowe tagi HTML
- Zalety HTML
- Tagi w formacie HTML
- Arkusze stylów HTML
- Bloki HTML
- Top 5 atrybutów zdarzeń HTML z przykładami
- Ustaw kolor tła w HTML za pomocą przykładu
- Przewodnik po różnych zdarzeniach JavaScript
- Walidacja formularza HTML | Przykłady