IT 및 코딩/자바스크립트(Java Script)

<꿀팁모아 : 179번째 포스팅> 자바 스크립트 이벤트(Events)

희망주기 2022. 8. 1. 17:06
반응형

<꿀팁모아 : 179번째 포스팅> 자바 스크립트 이벤트(Events)

안녕하세요 꿀팁모아의 희망주기입니다

 

오늘 알아볼 주제는

 

자바 스크립트 이벤트입니다

 

1 서론

   HTML 이벤트는 HTML 요소에 발생하는 "사물"입니다. 자바 스크립트가 HTML 페이지에서 사용될 때, 자바 스크립트는 이러한 이벤트에 "반응"할 수 있는데요. HTML 이벤트에 대해서 안 다뤄서 모르실 분도 계실 거 같아서 설명할게용 ㅎㅎ HTML 이벤트는 브라우저가 수행하는 작업이거나 사용자가 수행하는 작업일 수 있습니다. 몇 가지 예를 보여드리겠습니다.

 

1) HTML 웹 페이지 로드가 완료되었습니다

2) HTML 입력 필드가 변경되었습니다

3) HTML 단추를 클릭했습니다

 

  종종 사건이 발생하면 무언가를 하고 싶을 수도 있습니다. JavaScript를 사용하면 이벤트가 감지될 때 코드를 실행할 수 있습니다. HTML을 사용하면 JavaScript 코드를 사용하여 이벤트 처리가 속성을 HTML 요소에 추가할 수 있습니다. 오늘은 자바 스크립트 이벤트가 무엇인지 설명해드리겠습니다. 

 

2 본론

   2-1 일반적인 HTML 이벤트 

 

   다음은 몇 가지 일반적인 HTML 이벤트 목록입니다. 

일반적인 HTML 이벤트

  2-2 자바 스크립트 이벤트 처리기

 

  이벤트 처리기를 사용하여 사용자 입력, 사용자 작업 및 브라우저 작업을 처리하고 확인할 수 있습니다. 

 

  1) 페이지가 로드 될 때마다 해야 할 일

  2) 페이지가 닫힐 때 해야 할 일

  3) 사용자가 단추를 클릭할 때 수행해야 하는 작업

  4) 사용자가 데이터를 입력할 때 확인해야 하는 콘텐츠

 

  JavaScript가 이벤트와 함께 작동하도록 하기 위해 다양한 방법을 사용할 수 있습니다

 

  1) HTML 이벤트 속성은 자바 스크립트 코드를 직접 실행할 수 있습니다

  2) HTML 이벤트 속성은 자바 스크립트 함수를 호출할 수 있습니다

  3) HTML 요소에 고유한 이벤트 처리기 함수를 할당할 수 있습니다

  4) 이벤트가 전송되거나 처리되지 않도록 할 수 있습니다 

 

반응형