JS 에서 자주 사용 되 는 이벤트 (메모)

5660 단어 js
window. onload 이벤트: 문서 와 모든 외부 자원 (예 를 들 어 그림) 을 완전히 불 러 와 사용자 에 게 표시 할 때 촉발 합 니 다.
window.onload = function (){
    //                (   ) ,      
}

 
window. onnload 이벤트: 사용자 가 현재 페이지 를 떠 날 때 이 이벤트 가 실 행 됩 니 다.
window.onunload = function (){
    //           
}

 
이벤트 대상: 이 대상 은 현재 이벤트 의 상 태 를 대표 하고 이벤트 가 발생 하 는 과정 에서 만 유효 합 니 다.대상 에 저 장 된 것 은 키보드 버튼 의 상태, 마우스 의 위치, 마우스 버튼 의 상태 등 이다.
click 이벤트: 마우스 왼쪽 단 추 를 누 르 고 이 벤트 를 클릭 합 니 다.
var tag = document.getElementById('IDname');
tag.onclick = function (event){
    //  tag        
}

 
contextmenu 이벤트: 마우스 오른쪽 단추 로 이벤트 클릭
//      
var bodyEle = document.getElementsByTagName('body')[0];
bodyEle.oncontextmenu='return false'

 
dblclick 이벤트: 마우스 왼쪽 단추 로 이벤트 더 블 클릭
var tag = document.getElementById('IDname');
tag.ondblclick= function (event){
    //  tag        
}

 
mousedown 이벤트: 마우스 왼쪽 단 추 를 눌 렀 을 때 발생 하 는 이벤트
var tag = document.getElementById('IDname');
tag.onmousedown = function (){
    // tag                
}

 
mouseup 이벤트: 마우스 왼쪽 단 추 를 눌 렀 을 때 발생 하 는 이벤트
var tag = document.getElementById('IDname');
tag.onmouseup = function (){
    // tag                
}

 
mousemove 이벤트: 마 우 스 를 움 직 일 때 발생 하 는 이벤트
var tag = document.getElementById('IDname');
tag.onmousemove = function (){
    // tag              
}

 
mouseover 이벤트: 마우스 가 원소 범위 에 들 어 갈 때 터치 합 니 다.
var tag = document.getElementById('IDname');
tag.onmouseover = function (){
    //     tag          
}

 
mouseout 이벤트: 마우스 가 원소 범 위 를 이동 할 때 터치 합 니 다
var tag = document.getElementById('IDname');
tag.onmouseout = function (){
    //     tag          
}

 
keyup 이벤트: 키보드 버튼 이 풀 렸 을 때 터치 합 니 다.
//tag       input  ,   
var tag = document.getElementById('IDname');
tag.onkeyup = function (){
    //            
}

 
keydown 이벤트: 키보드 버튼 이 눌 렸 을 때 터치
//tag       input  ,   
var tag = document.getElementById('IDname');
tag.onkeydown = function (){
    //            
}

 
keypress 이벤트: 키보드 버튼 이 눌 리 고 풀 릴 때 터치 합 니 다.
//tag       input  ,   
var tag = document.getElementById('IDname');
tag.onkeypress = function (){
    //               
}

좋은 웹페이지 즐겨찾기