Pytania otagowane jako dom-events

Zdarzenia DOM (Document Object Model) pozwalają językom programowania sterowanym zdarzeniami rejestrować różne programy obsługi / nasłuchiwania zdarzeń w węzłach elementów w drzewie DOM.

7
JQuery mouseenter () a mouseover ()
Po przeczytaniu niedawno udzielonego pytania nie jestem pewien, czy naprawdę rozumiem różnicę między mouseenter()i mouseover(). Stan wiadomości MouseOver (): Będzie uruchamiany po wejściu do elementu i za każdym razem, gdy w elemencie wystąpią jakiekolwiek ruchy myszy. MouseEnter (): Zapali się po wejściu do elementu. Wymyśliłem skrzypce, które używają obu i …
172 jquery  dom-events 
19
Zapobiegaj onmouseout podczas najechania na element podrzędny nadrzędnego absolutnego div BEZ jQuery
Mam problem z onmouseoutfunkcją w absolutnie pozycjonowanym div. Gdy mysz uderza w element podrzędny w div, uruchamia się zdarzenie mouseout mouseout, ale nie chcę, aby było uruchamiane, dopóki mysz nie znajdzie się poza nadrzędnym, absolutnym div. Jak mogę zapobiec mouseouturuchamianiu zdarzenia, gdy trafi ono w element podrzędny BEZ jquery. Wiem, …
14
Jak odróżnić „kliknięcie” i „przeciągnięcie” myszą
Używam jQuery.clickobsłużyć zdarzenie kliknięcia myszki na wykresie Raphael tymczasem muszę obsłużyć myszy dragzdarzenie, przeciągnij mysz składa mousedown, mouseupa mousemovew Raphael. Jest trudny do rozróżnienia, clicka dragponieważ clickzawiera również mousedown& mouseup, Jak odróżnić „kliknięcie” i „przeciągnięcie” myszą niż w JavaScript?
4
Jak wyczyścić ten setInterval w funkcji?
Zwykle ustawiłem interwał na zmienną, a następnie wyczyściłem go, var the_int = setInterval(); clearInterval(the_int);ale aby mój kod działał, umieściłem go w funkcji anonimowej: function intervalTrigger() { setInterval(function() { if (timedCount >= markers.length) { timedCount = 0; } google.maps.event.trigger(markers[timedCount], "click"); timedCount++; }, 5000); }; intervalTrigger(); Jak to wyczyścić? Spróbowałem var test …
22
„dragleave” elementu macierzystego uruchamia się podczas przeciągania elementów podrzędnych
Przegląd Mam następującą strukturę HTML i dołączyłem zdarzenia dragenteri dragleavedo <div id="dropzone">elementu. <div id="dropzone"> <div id="dropzone-content"> <div id="drag-n-drop"> <div class="text">this is some text</div> <div class="text">this is a container with text and images</div> </div> </div> </div> Problem Kiedy przeciągam plik na <div id="dropzone">, dragenterzdarzenie jest uruchamiane zgodnie z oczekiwaniami. Jednak, gdy …
8
Jak za pomocą przeglądarki Chrome sprawdzić, które zdarzenia są powiązane z elementem
Załóżmy, że mam łącze na mojej stronie: <a href="#" id="foo">Click Here</a> Nie wiem nic więcej, ale kiedy klikam link, alert("bar")wyświetla się. Więc wiem, że gdzieś jakiś kod jest związany #foo. Jak mogę znaleźć kod, który jest powiązany ze alert("bar")zdarzeniem kliknięcia? Szukam rozwiązania z Chrome. Ps .: Przykład jest fikcyjny, więc …
29
Jak wykryć responsywne punkty przerwania Twitter Bootstrap 3 za pomocą JavaScript?
Obecnie Twitter Bootstrap 3 ma następujące responsywne punkty przerwania: 768px, 992px i 1200px, reprezentujące odpowiednio małe, średnie i duże urządzenia. Jak mogę wykryć te punkty przerwania za pomocą JavaScript? Chciałbym nasłuchiwać z JavaScriptem wszystkich powiązanych zdarzeń wywoływanych po zmianie ekranu. I móc wykryć, czy ekran jest przeznaczony dla małych, średnich …
7
Jak symulować kliknięcie myszą za pomocą JavaScript?
Wiem o document.form.button.click()metodzie. Chciałbym jednak wiedzieć, jak zasymulować to onclickwydarzenie. Znalazłem ten kod gdzieś tutaj w Stack Overflow, ale nie wiem, jak go użyć :( function contextMenuClick() { var element= 'button' var evt = element.ownerDocument.createEvent('MouseEvents'); evt.initMouseEvent('contextmenu', true, true, element.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 1, null); …
7
Konstruktor zdarzeń programu Internet Explorer 9, 10 i 11 nie działa
Tworzę wydarzenie, więc użyj konstruktora DOM Event: new Event('change'); Działa to dobrze w nowoczesnych przeglądarkach, jednak w Internet Explorer 9, 10 i 11 kończy się niepowodzeniem z: Object doesn't support this action Jak mogę naprawić Internet Explorera (najlepiej za pomocą polyfill)? Jeśli nie mogę, czy istnieje obejście, którego mogę użyć?
21
Wykryj kliknięcie w ramkę iframe za pomocą JavaScript
Rozumiem, że nie można stwierdzić, co użytkownik robi wewnątrz iframedomeny, jeśli jest to międzydomenowe. Chciałbym śledzić, czy użytkownik w ogóle kliknął w iframe. I wyobrazić sobie scenariusz, w którym nie jest niewidoczny divna szczycie iframei The divbędą tylko wtedy przejść do zdarzenia click iframe. Czy coś takiego jest możliwe? Jeśli …
20
Jak przechwycić odpowiedź formularza form.submit
Mam następujący kod: <script type="text/javascript"> function SubmitForm() { form1.submit(); } function ShowResponse() { } </script> . . . <div> <a href="#" onclick="SubmitForm();">Click</a> </div> Chcę uchwycić odpowiedź HTML form1.submit? Jak mam to zrobic? Czy mogę zarejestrować jakąkolwiek funkcję zwrotną do metody form1.submit?
4
Jak sprawdzić, które zdarzenia JavaScript zostały uruchomione?
Mam listę wyboru: <select id="filter"> <option value="Open" selected="selected">Open</option> <option value="Closed">Closed</option> </select> Kiedy wybieram, Closedstrona ładuje się ponownie. W tym przypadku pokazuje zamknięte bilety (zamiast otwartych). Działa dobrze, gdy robię to ręcznie. Problem polega na tym, że strona nie ładuje się ponownie, gdy wybieram Closedz Watir : browser.select_list(:id => "filter").select "Closed" …
8
Object.watch () dla wszystkich przeglądarek?
Należy pamiętać, że oba Object.Watchi Object.Observesą obecnie przestarzałe (stan na czerwiec 2018 r.). Szukałem łatwego sposobu monitorowania obiektu lub zmiennej pod kątem zmian i stwierdziłem Object.watch(), że jest to obsługiwane w przeglądarkach Mozilla, ale nie w IE. Zacząłem więc rozglądać się po okolicy, żeby sprawdzić, czy ktoś napisał jakiś odpowiednik. …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.