Запитання з тегом «dom-events»

Події DOM (Document Object Model) дозволяють керованим подіями мовами програмування реєструвати різні обробники подій / слухачів по елементах вузлів всередині дерева DOM.

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

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

14
Як розрізнити клацання миші та перетягування миші
Я використовую jQuery.clickдля обробки події клацання миші на Raphael графіку, тим часом, мені потрібно обробляти миші dragподії миші перетягнути складається з mousedown, mouseupі mousemoveв Рафаелі. Важко розрізнити , clickі dragтому clickтакож містять mousedownі mouseup, як я можу відрізнити миша «клацання» & миша «перетягнути» , то в JavaScript?

4
Як очистити цей набірInterval всередині функції?
Як правило, я встановив би інтервал на змінну, а потім очистив би його як, 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, окрім, скажімо, виявлення, коли клік клацається взагалі або роблять якесь визначення місця розташування клацання (x-position / y-position)?

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

29
Як виявити чуйні точки перерви Twitter Bootstrap 3 за допомогою JavaScript?
Наразі Twitter Bootstrap 3 має такі точки чуйного прориву: 768px, 992px та 1200px, що представляє собою відповідно малі, середні та великі пристрої. Як я можу виявити ці точки перерви за допомогою 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, false, false, false, …

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

8
Object.watch () для всіх браузерів?
Зверніть увагу , що Object.Watchі Object.Observeобидва засуджується в даний час (за станом на червень 2018 року). Я шукав простий спосіб моніторингу об'єкта чи змінної для змін, і я виявив Object.watch(), що це підтримується в браузерах Mozilla, але не IE. Тому я почав шукати навколо, щоб побачити, чи хтось написав якийсь …


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.