Объект события: когда происходит событие, браузер автоматически создает объект и содержит тип события, координат мыши и т. Д.
Свойства объекта события: формат: Event.properties.
Некоторые инструкции:
Событие представляет собой статус события, такой как элемент, который запускает объект события, положение и статус мыши, нажатый клавиш и т. Д.
Объект события действителен только во время события.
Событие в Firefox отличается от того, что в т.е. Событие в IE - это глобальная переменная, которая доступна в любое время; Событие в Firefox должно быть загружено с параметрами и является временной переменной во время выполнения.
В IE/Opera это Window.Event, а в Firefox это событие;
Объектом события является window.event.srcelement в IE, Event.Target в Firefox, и оба доступны в Opera.
Связанные события
В JS вы обычно можете взять два метода, чтобы связать события с объектом (управление):
Сначала определите функцию в голове:
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
функция clickhandler ()
{
// что -нибудь делай
Alert («Кнопка нажимается!»);
}
</script>
Первый способ связать события:
<input type = "button" value = "button1" onclick = "clickhandler ();"> <br/>
Второй способ связать события:
Кода -копия выглядит следующим образом:
<input type = "кнопка" id = "button2" value = "button2">
<script type = "text/javascript">
var v = document.getElementbyId ("button2");
v.onclick = clickhandler; // Используйте имя функции здесь, кронштейны не добавляются
</script>
Другие примеры
Пример 1:
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<title> EventTest.html </title>
<meta http-equiv = "Keywords" content = "Keyword1, Keyword2, Keyword3">
<meta http-equiv = "description" content = "Это моя страница">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "styleSheet" type = "text/css" href = "./ styles.css">->
<Скрипт>
Function Mover (Object) {
object.color = "red";
}
Функция Mout (Object) {
Object.color = "Blue";
}
</script>
</head>
<тело>
<font style = "cursor: помощь"
onclick = "window.location.href = 'http: //www.baidu.com'"
onmouseover = "mover (this)" onmouseout = "mout (this)"> добро пожаловать </font>
</body>
</html>
Пример 2:
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<title> EventTest2.html </title>
<meta http-equiv = "Keywords" content = "Keyword1, Keyword2, Keyword3">
<meta http-equiv = "description" content = "Это моя страница">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "styleSheet" type = "text/css" href = "./ styles.css">->
</head>
<тело>
<script type = "text/javascript">
функция getEvent (event) {
Alert ("Тип события:" + event.type);
}
document.write ("click ...");
document.onmousedown = getevent;
</script>
</body>
</html>