이벤트 개체 : 이벤트가 발생하면 브라우저는 자동으로 객체를 생성하고 이벤트 유형, 마우스 좌표 등을 포함합니다.
이벤트 객체의 속성 : 형식 : event.properties.
몇 가지 지침 :
이벤트는 이벤트 객체를 트리거하는 요소, 마우스의 위치 및 상태, 키를 누르는 등 이벤트의 상태를 나타냅니다.
이벤트 객체는 이벤트 중에 만 유효합니다.
Firefox의 이벤트는 IE와는 다릅니다. IE의 이벤트는 언제든지 사용할 수있는 글로벌 변수입니다. Firefox의 이벤트는 매개 변수로 부팅해야하며 런타임시 임시 변수입니다.
IE/Opera에서는 Window.event이며 Firefox에서는 이벤트입니다.
이벤트의 객체는 window.event.srcelement의 event.srcelement입니다. Firefox의 Target. 둘 다 Opera에서 사용할 수 있습니다.
바인딩 이벤트
JS에서는 일반적으로 이벤트를 물체 (컨트롤)에 바인딩하기 위해 두 가지 방법을 사용할 수 있습니다.
먼저 헤드의 함수를 정의하십시오.
코드 사본은 다음과 같습니다.
<script type = "text/javaScript">
함수 클릭 핸들러 ()
{
// 무언가를합니다
ALERT ( "버튼이 클릭되었습니다!");
}
</스크립트>
이벤트를 묶는 첫 번째 방법 :
<입력 유형 = "버튼"value = "button1"onclick = "clickhandler ();"> <br/>
이벤트를 묶는 두 번째 방법 :
코드 사본은 다음과 같습니다.
<입력 유형 = "버튼"id = "button2"value = "button2">
<script type = "text/javaScript">
var v = document.getElementById ( "button2");
v.onclick = 클릭 핸들러; // 여기에서 기능 이름을 사용하면 괄호가 추가되지 않습니다
</스크립트>
다른 예
Example 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 = "스타일 시트"유형 = "text/css"href = "./ styles.css">->
<cript>
기능 발동기 (객체) {
object.color = "빨간색";
}
함수 mout (객체) {
object.color = "파란색";
}
</스크립트>
</head>
<body>
<font style = "커서 : 도움말"
onclick = "window.location.href = 'http : //www.baidu.com'" "
OnMouseOver = "Mover (this)"onMouseOut = "Mout (this)"> 환영 </font>
</body>
</html>
Example 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 = "스타일 시트"유형 = "text/css"href = "./ styles.css">->
</head>
<body>
<script type = "text/javaScript">
함수 getEvent (이벤트) {
경고 ( "이벤트 유형 :" + event.type);
}
document.write ( "클릭 ...");
document.onmousedown = getevent;
</스크립트>
</body>
</html>