FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.
Email: Нажмите что бы посмотреть
В качестве типа скрипта часто используется "text/x-javascript" – это
«расширенный» Javascript. Не рекомендуется вставлять тексты скриптов
непосредственно, лучше использовать отдельные файлы.
При возникновении события его обработка проходит следующие фазы:
Capturing: событие распространяется от объектов window и document
вниз до того элемента, внутри которого возникло событие;
Bubbling: после обработки в каждом из элементов событие начинает
распространяться обратно вверх вплоть до объекта window.
При обработке события в каждом из элементов сначала исполняется
реакция, определенная программистом, а затем реакция «по умолчанию»,
определяемая типом и природой элемента.
Можно управлять тем, на какой из фаз распространения происходит
обработка события, продолжать ли распространение и сохранить ли реакцию
«по умолчанию».
Событие обрабатывается на фазе bubbling и покажет тег элемента, на
котором произошло событие (сделали щелчок мышью или другим
способом активизировали элемент).
Добавим реакцию на кнопку «Отмена» в нашем диалоге поиска файлов:
window.addEventListener('load', FF_OnWindowLoad, false);
function FF_OnWindowLoad() {
var cancelButton =
document.getElementById('cancel-button');
cancelButton.addEventListener(
'command', FF_CloseDialog, true);
}
function FF_CloseDialog() {
window.close();
}
findfiles-1
target – элемент, на котором возникло событие;
currentTarget – элемент, на котором возникло событие;
stopPropagation() – остановить процесс распространения события;
preventDefault() – не выполнять реакцию «по умолчанию»;
Если событие принадлежит определенному классу (событие от мыши,
например), то дополнительно имеются атрибуты и методы,
характеризующие этот конкретный класс событий.
Mouse events:
click – событие щелчка;
dblclick – событие двойного щелчка;
mousedown, mouseup – событие нажатия и отжатия кнопки;
mousemove – событие изменения позиции курсора;
mouseover, mouseout – событие изменения позиции курсора относительно
выбранного элемента;
screenX, screenY – координаты курсора в точках от начала экрана;
clientX, clientY – координаты курсора от текущего документа;
В примере показано, как значения этих атрибутов используются для
вычисления текущего положения курсора относительно окна и того
элемента, внутри которого обрабатывается событие.
mouse
Keyboard events:
keypress – событие нажатия клавиши;
keydown, keyup – событие нажатия и отжатия клавиши;
События от клавиатуры возникают на элементе, имеющем фокус. Если
такого элемента нет, а клавиша нажата внутри активного окна, то событие
возникает на всем документе. Соответствующую реакцию можно
определять для элемента На самом деле для определения глобальных событий от клавиатуры
обычно используется другой механизм.
Ссылка на такую клавишу обычно делается из элемента меню или кнопки
и это приводит к появлению текста клавиши в метке.
findfiles-2
...
Преимущество такого выделения команд в отдельный элемент – можно
приписывать им свойства (например, disabled), не делая этого по
отдельности для всех элементов, исполняющих эту команду.
Помимо приписывания свойств, элемент Используя эту методику, получим новый диалог findfiles: findfiles-3
