Вопросы с тегом «dom-events»

События DOM (Document Object Model) позволяют языкам программирования, управляемым событиями, регистрировать различные обработчики / прослушиватели событий на узлах элементов в дереве DOM.

7
Jquery mouseenter () против mouseover ()
Поэтому после прочтения недавно отвеченного вопроса мне неясно, действительно ли я понимаю разницу междуmouseenter() и mouseover(). Почта заявляет MouseOver (): Срабатывает при входе в элемент и всякий раз, когда в элементе происходят движения мыши. MouseEnter (): Будет стрелять при входе в элемент. Я придумал скрипку, которая использует оба, и они …
172 jquery  dom-events 

19
Запретить onmouseout при наведении на дочерний элемент родительского абсолютного div БЕЗ jQuery
У меня возникли проблемы с onmouseoutфункцией в абсолютном положенном div. Когда мышь попадает в дочерний элемент в div, происходит событие mouseout, но я не хочу, чтобы оно срабатывало, пока мышь не вышла из родительского элемента, абсолютный div. Как я могу предотвратить mouseoutзапуск события, когда оно попадает в дочерний элемент БЕЗ …

14
Как различить «щелчок мышью» и «перетаскивание»
Я использую jQuery.clickдля обработки события щелчка мыши на графике Рафаэля, а мне нужно обработать dragсобытие мыши, состоящее из перетаскивания мыши mousedown, mouseupи mousemoveв Рафаэле. Это трудно отличить, clickи dragпотому что clickтакже содержат mousedown& mouseup, Как я могу различить "щелчок мышью" и "перетаскивание мышью" тогда в Javascript?

4
Как очистить этот setInterval внутри функции?
Обычно я устанавливаю интервал для переменной и затем очищаю его, var the_int = setInterval(); clearInterval(the_int);но для того, чтобы мой код работал, я помещаю его в анонимную функцию: function intervalTrigger() { setInterval(function() { if (timedCount >= markers.length) { timedCount = 0; } google.maps.event.trigger(markers[timedCount], "click"); timedCount++; }, 5000); }; intervalTrigger(); Как мне …

22
«перетаскивание» родительского элемента срабатывает при перетаскивании дочерних элементов
обзор У меня есть следующий HTML - структура , и я приложил dragenterи dragleaveсобытие к <div id="dropzone">элементу. <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> проблема Когда я перетаскиваю файл поверх <div id="dropzone">, dragenterсобытие запускается, …

16
Как вы обнаруживаете очистку «поискового» ввода HTML5?
В HTML5 searchтип ввода отображается с маленькой буквой X справа, которая очистит текстовое поле (по крайней мере, в Chrome, может быть, в других). Есть ли способ определить, когда щелкают по этому X в Javascript или jQuery, кроме, скажем, обнаружения, когда щелкают по блоку вообще, или выполнения какого-либо определения местоположения по …

8
Используя Chrome, как узнать, к каким событиям привязан элемент
Предположим, у меня есть ссылка на моей странице: <a href="#" id="foo">Click Here</a> Я ничего не знаю, но когда я нажимаю на ссылку, alert("bar")отображается. Так что я знаю, что где-то код связан с #foo. Как я могу найти код, который связывает alert("bar")событие click? Я ищу решение с Chrome. Ps .: Пример …

29
Как определить ответные точки останова Twitter Bootstrap 3 с помощью JavaScript?
В настоящее время Twitter Bootstrap 3 имеет следующие ответные точки останова: 768 пикселей, 992 пикселей и 1200 пикселей, представляющие малые, средние и большие устройства соответственно. Как я могу обнаружить эти точки останова с помощью JavaScript? Я хотел бы прослушивать с помощью JavaScript все связанные события, запускаемые при смене экрана. И …

7
Как симулировать щелчок мышью с помощью JavaScript?
Я знаю о document.form.button.click()методе. Тем не менее, я хотел бы знать, как смоделировать onclickсобытие. Я нашел этот код где-то здесь в Stack Overflow, но я не знаю, как его использовать :( function contextMenuClick() { var element= 'button' var evt = element.ownerDocument.createEvent('MouseEvents'); evt.initMouseEvent('contextmenu', true, true, element.ownerDocument.defaultView, 1, 0, 0, 0, 0, …

20
Как записать ответ form.submit
У меня такой код: <script type="text/javascript"> function SubmitForm() { form1.submit(); } function ShowResponse() { } </script> . . . <div> <a href="#" onclick="SubmitForm();">Click</a> </div> Я хочу записать html-ответ form1.submit? Как мне это сделать? Могу ли я зарегистрировать любую функцию обратного вызова для метода form1.submit?

7
Internet Explorer 9, 10 и 11 Конструктор событий не работает
Я создаю событие, поэтому используйте конструктор DOM Event: new Event('change'); Это отлично работает в современных браузерах, но в Internet Explorer 9, 10 и 11 не работает: Object doesn't support this action Как исправить Internet Explorer (в идеале через полифилл)? Если я не могу, могу ли я использовать обходной путь?

21
Обнаружение кликов в iframe с помощью JavaScript
Я понимаю, что невозможно сказать, что пользователь делает внутри, iframeесли это перекрестный домен. Я хотел бы отслеживать, щелкнул ли пользователь вообще в iframe. Я представляю сценарий, в котором есть невидимое divповерх, iframeа divзатем просто передается событие щелчка в iframe. Возможно ли что-то подобное? Если да, то как мне это сделать? …

4
Как узнать, какие события JavaScript активированы?
У меня есть список выбора: <select id="filter"> <option value="Open" selected="selected">Open</option> <option value="Closed">Closed</option> </select> При выборе Closedстраница перезагружается. В этом случае он показывает закрытые билеты (а не открытые). Он отлично работает, когда я делаю это вручную. Проблема в том, что страница не перезагружается, когда я выбираю Closedс помощью Watir : browser.select_list(:id …

9
Обнаружение изменений размера окна в реальном времени в Angular 4
Я пытался создать гибкую навигационную панель и не хочу использовать медиа-запросы, поэтому я намерен использовать *ngIFразмер окна в качестве критерия. Но я столкнулся с проблемой, так как я не могу найти какой-либо метод или документацию по определению размера окна Angular 4. Я также пробовал использовать метод JavaScript, но он не …
119 html  angular  dom-events 

8
Object.watch () для всех браузеров?
Обратите внимание, что Object.Watchи Object.Observeоба являются устаревшими (по состоянию на июнь 2018 г.). Я искал простой способ отслеживать изменения объекта или переменной и обнаружил Object.watch(), что он поддерживается браузерами Mozilla, но не IE. Так что я начал искать, не написал ли кто-нибудь что-нибудь эквивалентное. Единственное, что я нашел, это плагин …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.