JS 에서 자주 사용 되 는 이벤트 (메모)
5660 단어 js
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 (){
//
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.