События - это бьющееся сердце приложений JavaScript и клей, который все смещает все вместе. Событие происходит, когда у нас есть определенные типы взаимодействия с веб -страницами в браузере. События могут быть пользователем, щелкнувшим на определенный контент, мышь, проходящую через определенный элемент, или нажимая определенные ключи на клавиатуре. События также могут быть чем -то, что происходит в веб -браузере, например, на определенную загрузку веб -страницы, или пользователь прокручивает окно или меняет размер окна.
Используя JavaScript, вы можете прослушать конкретные события и указать, что в ответ на них происходят определенные события.
1. Добавить прослушивание событий
Т.е.:
Скопируйте код следующим образом: AttedEvent ("onclick", function () {...}) // Добавить
depachevent ("onclick", function () {...}) // delete
FF:
Копия кода следующим образом: addEventListener ("click", function () {...}, false)
// Вы можете добавить несколько событий, прослушивая один объект, который отличается от события объекта по умолчанию
removeEventListenner ("click", function () {...}, false)
2. Получить объект события
Т.е.:
Кода кода следующая: op.onclick = function () {
ver oevent = window.event; // как свойство окна
}
FF:
Копия кода следующим образом: op.onclick = function (oevent) {
.... // Управление путем прохождения параметров
}
Общий:
Копия кода следующим образом: op.onclick = function (oevent) {
if (window.event) {
oevent = window.event;
}
}
// Это получается в режиме реального времени, но свойства и методы их объектов возврата не являются согласованными, но их можно решить с помощью EventUtil!
var EventUtil = new Object;/** //*Этот метод используется для добавления событий в конкретный объект. Otarget - это указанный объект, Seventype - это тип события, такой как Click, Keydown и т. Д. Fnhandler - это функция обратного вызова событий*/eventutil.addeventhandler = function (otarget, seventtype, fnhandler) {// case of firefox (otarget.addeventlistener) {otarget. ЛОЖЬ); } // IE else if (otarget.attachevent) {otarget.attachevent ("on" + seventype, fnhandler); } else {otarget ["on" + seventtype] = fnhandler; }};/* Этот метод используется для удаления конкретных событий определенного объекта. Otarget - это указанный объект, Seventype - это тип события, такой как Click, Keydown и т. Д. Fnhandler - это функция обратного вызова событий*/ eventutil.removeeventhandler = function (otarget, Seventtype, fnhandler) {if (otarget.RemoveEventListlister) {otarget.RemoveEventer (seventlestlire, seventlellistlister (flseventlistlirellister,; } else if (otarget.detachevent) {otarget.detachevent ("on" + seventype, fnhandler); } else {otarget ["on" + seventType] = null; }};/*События формата, поскольку IE и другие браузеры получают события по -разному, а свойства событий также различны, этот метод обеспечивает согласованное событие*/eventutil.formatevent = function (oevent) {// isie и iswin. "KeyPress")? oevent.keycode: 0; // IE только поддерживает пузырьки и не поддерживает захват oevent.eventphase = 2; oevent.ischar = (oevent.charcode> 0); oevent.pagex = oevent.clientx + document.body.scrollleft; oevent.pagey = oevent.clienty + document.body.scrolltop; // Поведение по умолчанию блокировки событий oevent.preventDefault = function () {this.returnValue = false; }; // преобразовать клеме, от выбора в стандартную связь } else if (oevent.type == "mouseover") {oevent.RelatedTarget = oevent.Fromelement; } // Отмена пузырьков oevent.stoppropagation = function () {this.cancelbubble = true; }; oevent.target = oevent.srcelement; // Добавить атрибут времени возникновения событий, т.е. не имеет oevent.time = (новая дата) .getTime (); } вернуть oevent; }; EventUtil.getEvent = function () {if (window.event) {// Формат IE события возвращают это. Форматвента (window.event); } else {return eventutil.getevent.caller.arguments [0]; }}; /** Прилагается файл JS, который судит браузер и тип системы. Вводя некоторые глобальные переменные с очевидными именами в результате суждения, вы должны быть осторожны с конфликтами имени переменной при использовании: */var suseragent = navigator.useragent; var fappversion = parsefloat (navigator.appversion); функциональные сравнения (sversion1, sversion2) {var aversion1 = svers. var aversion2 = sversion2.split ("."); if (aversion1.length> aversion2.length) {for (var i = 0; i <aversion1.length - aversion2.length; i ++) {aversion2.push ("0"); }} else if (aversion1.length <aversion2.length) {for (var i = 0; i <aversion2.length - aversion1.length; i ++) {aversion1.push ("0"); }} for (var i = 0; i <aversion1.length; i ++) {if (aversion1 [i] <aversion2 [i]) {return -1; } else if (aversion1 [i]> aversion2 [i]) {return 1; }} return 0;} var isopera = suseragent.indexof ("opera")> -1; var isminopera4 = isminopera5 = isminopera6 = isminopera7 = isminopera7_5 = false; if (isopera) {var foperaVersion; if (navigator.appname == "opera") {foperaversion = fappversion; } else {var reoperaVersion = new Regexp ("Opera (//d+//.//d+)"); RepoPeraVersion.test (супергент); foperaversion = parsefloat (regexp ["$ 1"]); } isminopera4 = foperaVersion> = 4; isminopera5 = foperaversion> = 5; isminopera6 = foperaversion> = 6; isminopera7 = foperaversion> = 7; isminopera7_5 = foperaversion> = 7,5;} var iskhtml = suseragent.indexof ("khtml")> -1 || suseragent.indexof ("konqueror")> -1 || suseragent.indexof ("Applewebkit")> -1; var ISMINSAFARI1 = ISMINSAFARI1_2 = false; var IsminkOnq2_2 = ISMinkONQ3 = ISMINKONQ3_1 = ISMINKONQ3_2 = FALSE; if (ISKHTML) {ISSAFARI = SUSERAGENT.INDEXOF ("AppleWebkit")> -1; iskonq = suseragent.indexof ("konqueror")> -1; if (issafari) {var repplewebkit = new Regexp ("AppleWebkit /// (// d+(?: //./d*)?)"); repeplewebkit.test (супергент); var fappleWebTversion = parsefloat (regexp ["$ 1"]); isminsafari1 = fapplewebkitversion> = 85; isminsafari1_2 = fapplewebkitversion> = 124; } else if (iskonq) {var rekonq = new regexp ("konqueror /// (// d+(?: //./d+ (?: //./d)?)?)"); rekonq.test (супергент); Isminkonq2_2 = Compareversions (regexp ["$ 1"], "2,2")> = 0; Isminkonq3 = Compareversions (regexp ["$ 1"], "3.0")> = 0; Isminkonq3_1 = Compareversions (regexp ["$ 1"], "3.1")> = 0; isminkonq3_2 = compareversions (regexp ["$ 1"], "3.2")> = 0; }} var isie = suseragent.indexof ("compatible")> -1 && suseragent.indexof ("msie")> -1 &&! isopera; var isminie4 = isminie5 = isminie5_5 = isminie6 = false; if (isie) {var reie = new Regexp ("msie (//d+//.//d+);"); reie.test (suseragent); var fieversion = parsefloat (regexp ["$ 1"]); Isminie4 = Fieversion> = 4; Isminie5 = Fieversion> = 5; ISMINIE5_5 = Fieversion> = 5,5; isminie6 = fieversion> = 6.0;} var ismoz = suseragent.indexof ("gecko")> -1 &&! Iskhtml; var isminmoz1 = sminmoz1_4 = isminmoz1_5 = false; if (ismoz) {var remoz = new Regexp ("rv: (//d+//.//d+ (?: //./D+)?)"); remoz.test (супергент); isminmoz1 = compareversions (regexp ["$ 1"], "1.0")> = 0; isminmoz1_4 = compareversions (regexp ["$ 1"], "1.4")> = 0; isminmoz1_5 = compareversions (regexp ["$ 1"], "1,5")> = 0;} var isns4 =! Isie &&! isopera &&! ismoz &&! Iskhtml && (souseragent.indexof ("mozilla") == 0) && (vavigator.appname = netscape ("Mozilla") == 0. && fappversion <5.0); var iSminns4 = isminns4_5 = isminns4_7 = isminns4_8 = false; if (isns4) {isminns4 = true; isminns4_5 = fappversion> = 4,5; isminns4_7 = fappversion> = 4,7; isminns4_8 = fappversion> = 4.8;} var iswin = (navigator.platform == "win32") || (navigator.platform == "windows"); var iSmac = (navigator.platform == "mac68k") || (navigator.platform == "macppc") || (navigator.platform == "macintosh"); var isUnix = (navigator.platform == "x11") &&! Iswin &&! ismac; var iSwin95 = iswin98 = iswinnt4 = iswin2k = isWinme = isWinxp = false; var ismac68k = ismacpccunos = ismacunos = iSmAnos = isMANOS = isMInsUnos = isMANOS = isMANOS = ISMACPCUNOS = ISMACPCUNOS = ISMACPCUNOS. isminsunos5 = isminsunos5_5 = false; if (iswin) {iswin95 = suseragent.indexof ("win95")> -1 || suseragent.indexof ("Windows 95")> -1; ISWIN98 = SUSERAGENT.INDEXOF ("Windows 98")> -1 || suseragent.indexof ("Windows 98")> -1; iswinme = suseragent.indexof ("Windows 98")> -1 || suseragent.indexof ("windows me")> -1; iswin2k = suseragent.indexof ("Windows NT 5.0")> -1 || suseragent.indexof ("Windows 2000")> -1; iswinxp = suseragent.indexof ("Windows NT 5.1")> -1 || suseragent.indexof ("Windows XP")> -1; iswinnt4 = suseragent.indexof ("windows nt")> -1 || suseragent.indexof ("windows nt")> -1 || suseragent.indexof ("windows nt")> -1 || suseragent.indexof ("windows nt4.0")> -1 && (! Iswinme &&! ISWIN2K &&! ISWINXP);} if (ISMAC) {ISMAC68K = SUSERAGENT.INDEXOF ("MAC_68000")> -1 || suseragent.indexof ("68k")> -1; ISMACPPC = SUSERAGENT.INDEXOF ("MAC_POWERPC")> -1 || suseragent.indexof ("ppc")> -1; } if (isunix) {issunos = suseragent.indexof ("sunos")> -1; if (issunos) {var resunos = new Regexp ("sunos (//d+//.//d+(?://.//d+)?)"); resunos.test (супергент); isminsunos4 = compareversions (regexp ["$ 1"], "4.0")> = 0; isminsunos5 = compareversions (regexp ["$ 1"], "5.0")> = 0; isminsunos5_5 = compareversions (regexp ["$ 1"], "5,5")> = 0; }}Выше приведено обработка событий JS. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.