자바 스크립트 HTML DOM 이벤트는 HTML 문서의 요소에 다른 등록 된 이벤트 핸들러를 할 수 있습니다. 이벤트는 일반적으로 기능과 함께 사용되는 함수는 이벤트가 발생하기 전에 실행되지 않습니다! (사용자가 이러한 버튼을 클릭).
다음과 같은 기능 코드의 상단에 반환을 작성하기 위해 이벤트를 사용 Onscroll 것은 :
<! DOCTYPE HTML>
<HTML LANG = "에서 zh">
<head>
<메타 캐릭터 = "UTF-8"/>
<메타 이름 = "뷰포트"내용 = "폭 = 기기 폭 초기 스케일 = 1.0"/ >
<META HTTP-EQUIV = "X-UA-지원"내용 = "즉 = 엣지"/>
<제목> 문서 </ 제목>
<스타일>
* {여백 : 0; 패딩 : 0 ;}
#mybtn {위치 : 고정, 높이 : 40px; 폭 : 100 픽셀, 배경 : 레드, 테두리 : 없음; 경계 - 반경 : 5px 우측 : 20 픽셀, 아래 : 20 픽셀, 커서 : 포인터; 디스플레이 : 없음}
#mybtn : 호버 {배경 색 : # 888888 ; 색상 : #FFFFFF;}
</ 스타일>
</ head>
<body>/ head>
<버튼 ID = "myBtn의"의 onclick = "topfunction ()"제목 = "상위"TOP> </ 버튼>
scrollTop> 20 ) {
document.getElementById를 ( . "mybtn") = style.display를 "블록" ;
} 다른 {
document.getElementById를 ( . "mybtn") = style.display를 '없음' ;
}
}
함수 topfunction () {
VAR 타이머하여 setInterval = ( 함수 () {
document.body.scrollTop - = 20 ;
document.documentElement.scrollTop - = 20 ]
만약 (document.body.scrollTop == 0 && document.documentElement.scrollTop == 0 ) {
위해 clearInterval (타이머);
}
}, 30 )
}
</ script>
</ HTML>