반응형

(앞에on 붙여서 사용)   

        이벤트                                       이벤트 발생 시점
abort The loading of a media is aborted.  미디어 로드가 중단됩니다.
afterprint A page has started printing, or if the print dialogue box has been closed. 페이지가 인쇄를 시작했거나 인쇄 대화 상자가 닫혔는지 확인합니다.
animationend A CSS animation has completed. CSS 애니메이션이 완료되었습니다.
animationiteration A CSS animation is repeated. CSS 애니메이션이 반복됩니다.
animationstart A CSS animation has started. CSS 애니메이션이 시작되었습니다.
beforeprint A page is about to be printed. 페이지가 인쇄되려고 합니다.
beforeunload Before a document is about to be unloaded. 문서가 언로드되기 전에.
blur An element loses focus. 요소가 초점을 잃습니다.
canplay The browser can start playing the media (has buffered enough to begin). 브라우저가 미디어 재생을 시작할 수 있습니다
(시작할 수 있을 정도로 버퍼링됨).
canplaythrough The browser can play through the media without stopping for buffering. 브라우저는 미디어를 통해 버퍼링을 위해 멈추지 않고 재생할 수 있습니다.
change The content of a form element has changed. 양식 요소의 내용이 변경되었습니다.
click An element is clicked on.  요소가 클릭됩니다.
contextmenu An element is right-clicked to open a context menu. 요소를 마우스 오른쪽 버튼으로 클릭하여 상황에 맞는 메뉴를 엽니다.
copy The content of an element is copied. 요소의 내용이 복사됩니다.
cut The content of an element is cutted. 요소의 내용이 잘립니다.
dblclick An element is double-clicked. 요소가 두 번 클릭됩니다.
drag An element is being dragged. 요소를 끌어오는 중입니다.
dragend Dragging of an element has ended. 요소의 끌기가 종료되었습니다.
dragenter A dragged element enters the drop target. 끌어온 요소가 드롭 대상에 들어갑니다.
dragleave A dragged element leaves the drop target. 끌어온 요소가 드롭 대상을 벗어납니다.
dragover A dragged element is over the drop target. 끌어온 요소가 드롭 대상 위에 있습니다.
dragstart Dragging of an element has started. 요소의 끌기가 시작되었습니다.
drop A dragged element is dropped on the target. 끌린 요소가 대상에 떨어집니다.
durationchange The duration of a media is changed. 미디어의 기간이 변경되었습니다.
ended A media has reach the end ("thanks for listening").  미디어가 끝에 도달했습니다("들어주셔서 감사합니다").
error An error occurs while loading an external file. 외부 파일을 로드하는 동안 오류가 발생합니다.
focus An element gets focus. 요소는 초점을 얻습니다.
focusin An element is about to get focus. 한 요소가 초점을 맞추려고 합니다.
focusout An element is about to lose focus. 한 요소가 초점을 잃으려고 합니다.
fullscreenchange An element is displayed in fullscreen mode. 요소가 전체 화면 모드로 표시됩니다.
fullscreenerror An element can not be displayed in fullscreen mode. 요소는 전체 화면 모드에서 표시할 수 없습니다.
hashchange There has been changes to the anchor part of a URL. URL의 앵커 부분이 변경되었습니다.
input An element gets user input. 요소가 사용자 입력을 가져옵니다.
invalid An element is invalid. 요소가 잘못되었습니다.
keydown A key is down. 열쇠가 떨어졌다.
keypress A key is pressed. 키가 눌려 있다.
keyup A key is released. 키가 해제됩니다.
load An object has loaded. 개체가 로드되었습니다.
loadeddata Media data is loaded. 미디어 데이터가 로드됩니다.
loadedmetadata Meta data (like dimensions and duration) are loaded. 메타 데이터(예: 치수 및 기간)가 로드됩니다.
loadstart The browser starts looking for the specified media. 브라우저가 지정된 미디어를 찾기 시작합니다.
message A message is received through the event source. 이벤트 소스를 통해 메시지가 수신됩니다.
mousedown The mouse button is pressed over an element. 요소 위에 마우스 버튼을 누릅니다.
mouseenter The pointer is moved onto an element. 포인터가 요소로 이동합니다.
mouseleave The pointer is moved out of an element. 포인터가 요소 밖으로 이동됩니다.
mousemove The pointer is moved over an element. 포인터가 요소 위로 이동합니다.
mouseover The pointer is moved onto an element. 포인터가 요소로 이동합니다.
mouseout The pointer is moved out of an element. 포인터가 요소 밖으로 이동됩니다.
mouseup A user releases a mouse button over an element. 사용자가 요소 위에 마우스 버튼을 놓습니다.
mousewheel Deprecated. Use the wheel event instead. 사용되지 않습니다. 대신 휠 이벤트를 사용하십시오.
offline The browser starts to work offline. 브라우저가 오프라인으로 작동하기 시작합니다.
online The browser starts to work online. 브라우저가 온라인으로 작동하기 시작합니다.
open A connection with the event source is opened. 이벤트 소스와의 연결이 열립니다.
pagehide User navigates away from a webpage. 사용자가 웹 페이지에서 이동합니다.
pageshow User navigates to a webpage. 사용자가 웹 페이지로 이동합니다.
paste Some content is pasted in an element. 일부 내용이 요소에 붙여넣어져 있습니다.
pause A media is paused. 미디어가 일시 중지됩니다.
play The media has been started or is no longer paused. 미디어가 시작되었거나 더 이상 일시 중지되지 않았습니다.
playing The media is playing after having been paused or stopped for buffering. 미디어가 버퍼링을 위해 일시 중지되거나 중지된 후 재생되고 있습니다.
popstate The window's history changes. 창 기록이 변경됩니다.
progress The browser is downloading media data. 브라우저가 미디어 데이터를 다운로드하고 있습니다.
ratechange The playing speed of the media is changed. 미디어의 재생 속도가 변경됩니다.
resize The document view is resized. 문서 보기 크기가 조정됩니다.
reset A form is reset. 양식이 재설정됩니다.
scroll An element's scrollbar is being scrolled. 요소의 스크롤 막대를 스크롤하고 있습니다.
search Something is written in a search field. 검색 필드에 무언가가 기록되어 있습니다.
seeked Skipping to a media position is finished. 미디어 위치로 건너뛰기가 완료되었습니다.
seeking Skipping to a media position is started. 미디어 위치로 건너뛰기가 시작됩니다.
select User selects some text. 사용자가 일부 텍스트를 선택합니다.
show A <menu> element is shown as a context menu. <메뉴> 요소가 상황에 맞는 메뉴로 표시됩니다.
stalled The browser is trying to get media data, but data is not available. 브라우저에서 미디어 데이터를 가져오려고 하지만 데이터를 사용할 수 없습니다.
storage A Web Storage area is updated. 웹 저장소 영역이 업데이트됩니다.
submit A form is submitted. 양식이 제출됩니다.
suspend The browser is intentionally not getting media data. 브라우저가 의도적으로 미디어 데이터를 가져오지 않습니다.
timeupdate The playing position has changed (like when the user fast forwards to a different point in the media). 재생 위치가 변경되었습니다(예: 사용자가 미디어의 다른 지점으로 빠르게 전달).
toggle The user opens or closes the <details> element. 사용자가 <details> 요소를 열거나 닫습니다.
touchcancel The touch is interrupted. 터치가 중단됩니다.
touchend A finger is removed from a touch screen. 터치 스크린에서 손가락이 제거됩니다.
touchmove A finger is dragged across the screen. 손가락이 화면을 가로질러 끌린다.
touchstart A finger is placed on a touch screen. 터치 스크린에 손가락이 올려져 있다.
transitionend A CSS transition has completed. CSS 전환이 완료되었습니다.
unload A page has unloaded (for <body>). 페이지가 언로드되었습니다(<본문>).
volumechange The volume of the media has changed (includes setting the volume to "mute"). 미디어 볼륨이 변경되었습니다("음소거"로 설정 포함).
waiting The media has paused but is expected to resume (like when the media pauses to buffer more data). 미디어가 일시 중지되었지만 다시 시작됩니다(예: 미디어가 더 많은 데이터를 버퍼링하기 위해 일시 중지하는 경우).
wheel The mouse wheel rolls up or down over an element. 마우스 휠이 요소 위에서 위 또는 아래로 롤링됩니다.
반응형
저작자표시 비영리 변경금지
반응형

JSON형태 객체 접근 :  
변수명[위치]['키'] = test[0]['A']

 

const testV1 = [{A:1,B:2,C:3},{A:1,B:2,C:3}];

testV1[0]['A']

=> 1나옴.
반응형
저작자표시 비영리 변경금지
반응형

사용할때 잘 구분해서 사용하자.
​

객체 : 
const car = {type:"Fiat", model:"500", color:"white"}; 

​

배열은 : 
const alphbet = ['A','B','C','D'];  이렇게 

반응형
저작자표시 비영리 변경금지
반응형

​객체에 function 넣을수 있음. let tt = {tt:'1', func:function() ...} 
접근은 tt.func();  이런식임

 

//귀찮으니깐 샘플소스로 
const person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }

};
반응형
저작자표시 비영리 변경금지

+ Recent posts

티스토리툴바