В этой статье обобщены общие события JS DOM для всех, что имеет определенную справочную ценность. Заинтересованные друзья могут обратиться к ней.
щелчок щелчок dblclick двойной щелчок контекстного меню щелчок правой кнопкой мыши на элементе мышь наведена на элемент, рекомендуется использовать mouseenter вместо mouseout мышь покидает элемент, вместо этого рекомендуется использовать mouseleave mouseenter мышь нависает над элементом mouseleave мышь покидает элемент mousedown кнопка мыши нажать mouseup кнопка мыши поднять мышьпереместить мышь движение мыши
keydown нажата кнопка клавиатуры keyup поднятая кнопка клавиатуры нажата кнопка клавиатуры нажата, используется для ввода символьных клавиш
1. Какие элементы можно ли слушать события клавиатуры?
① документ
② Элементы, которые могут получать фокус (элементы управления формой, особенно элементы ввода)
2. В чем разница между нажатием клавиши и нажатием клавиши?
① нажатие клавиши может быть вызвано нажатием всех клавиш, при этом невозможно различить клавиши верхнего и нижнего регистра.
② нажатие клавиши может быть вызвано только при нажатии клавиши, которая может вводить символы, и клавиши могут быть чувствительны к регистру.
3. Как узнать какая кнопка была нажата?
Используйте атрибуты в объекте события:
evnet.keyCode получает значение ascii, соответствующее ключу
event. Это то же самое, что keyCode
event.key получает символьное значение ключа.
будет запущена, когда все на странице будет загружено. Вы можете прослушать элемент окна или тела. DOMContentLoaded будет запущен, когда будут загружены все элементы на странице. Вы можете прослушать окно или документ. можно использовать addEventListener только для прослушивания события перед выгрузкой. Разница между событием загрузки и событием DOMContentLoaded, которое запускается при закрытии веб-страницы
:
① Событие загрузки запускается только после загрузки всего на странице, включая элементы и внешние элементы. ресурсы.
② Событие DOMContentLoaded может быть вызвано при загрузке всех элементов страницы, за исключением внешних ресурсов.
запускается при отправке формы. Это событие прослушивает элемент формы. сброс срабатывает при сбросе формы. Это событие прослушивает элемент формы. Фокус срабатывает, когда элемент управления формой получает фокус. Размытие срабатывает, когда элемент управления формой теряет фокус. . изменение Для поля ввода оно срабатывает только при изменении содержимого и потере фокуса. Подходит для выбора
загрузки изображения. Загрузка файла изображения завершена. Ошибка загрузки изображения
Изменение размера окна и прокрутка размера области просмотра. отслеживает окно или элементы с помощью тел прокрутки, которые срабатывают при прокрутке содержимого страницы или элемента.
Установите первый формальный параметр функции обратного вызова события, чтобы получить объект события.
Разные типы событий получают разные типы объектов Event.
offsetX / offsetY Получить координату положения мыши на целевом элементе clientX / clientY Получить координату положения мыши на области просмотра pageX / pageY Получить координату положения мыши на странице screenX / screenY Получить координату положения мыши на экране. Координата положения кнопки получает информацию о том, какая кнопка мыши была нажата, 0: левая кнопка; 1: средняя кнопка 2: правая кнопка
keyCode получает значение кода, соответствующее кнопке, которое совпадает с keyCode. key Получает символьное значение, соответствующее ключу.
type Получает имя события timeStamp Получает количество миллисекунд с момента запуска события target Получает целевой элемент stopPropagation() Предотвращает всплытие события PreventDefault() Блокирует Поведение браузера по умолчанию
, выполняя event.stopPropagation() в функции обратного вызова события, чтобы предотвратить всплытие.
нажатие на гиперссылку для отправки и сброса формы перехода, щелчок правой кнопкой мыши для открытия системного меню и т. д.
вызовите event.preventDefault() в функции обратного вызова события, чтобы предотвратить поведение по умолчанию.
Примечание. Если вы используете второй метод для прослушивания событий,
return falseв функции обратного вызова также может предотвратить поведение по умолчанию.
прослушивает элемент-предок, определяет целевой элемент и выполняет соответствующие операции, если целевой элемент соответствует условиям.
Преимущества делегирования событий.
Для прослушивания одного и того же события на большом количестве элементов использование делегирования событий более эффективно, чем обход и прослушивание по одному.
Использование делегирования событий позволяет новым элементам реагировать на события.
Рекомендации по теме: [Видеоруководство по JavaScript]
Выше приведена последняя сводка распространенных событий JavaScript DOM! Для получения более подробной информации, пожалуйста, обратите внимание на другие статьи по теме на китайском сайте php!
