이벤트는 시스템에서 발생하는 작업 또는 발생입니다. 프로그래밍의 세계에서 이벤트는 HTML 요소에 발생하는 것입니다. 하지만 때 HTML 페이지에서 사용되며 이러한 이벤트에 반응 할 수 있습니다. 이 기사에서는 JavaScript의 다양한 유형의 이벤트가 무엇이며 어떻게 작동하는지 다음 순서로 살펴 보겠습니다.
JavaScript의 이벤트 란 무엇입니까?
자바 스크립트에는 웹 페이지에 동적 인터페이스를 제공하는 이벤트가 있습니다. 이러한 이벤트는 문서 개체 모델 (심판).
또한 이러한 이벤트는 기본적으로 버블 링 전파를 사용합니다. 즉, DOM에서 자식에서 부모로 위쪽으로 이동합니다. 인라인 또는 외부 스크립트로 이벤트를 바인딩 할 수 있습니다. JavaScript의 도움으로 특정 이벤트가 발생하는시기를 감지하고 해당 이벤트에 대한 응답으로 일이 발생하도록 할 수 있습니다.
JavaScript의 이벤트 유형
다양한 유형의 이벤트가 있습니다. 이벤트에 반응하는 데 사용됩니다. 여기에서는 다음과 같이 유명하거나 가장 일반적으로 사용되는 이벤트에 대해 설명합니다.
- 온 클릭
- Onkeyup
- Onmouseover
- 길 위에
- 온 포커스
그럼 계속해서 자바 스크립트에서 이러한 이벤트를 예제와 함께 살펴 보겠습니다.
Onclick 이벤트
Onclick 이벤트는 마우스 이벤트이며 사용자가 바인딩 된 요소를 클릭하면 정의 된 논리를 유발합니다. 예를 들어 어떻게 작동하는지 살펴 보겠습니다.
function edu () {alert ( 'Welcome to Edureka!')} 버튼 클릭산출:
버튼을 클릭하면 다음과 같은 경고 메시지가 표시됩니다.
Onekeyup 이벤트
이 이벤트는 키보드 이벤트로 키를 누른 후 놓을 때마다 명령을 실행하는 데 사용됩니다. 다음 예제는 이벤트의 작동을 보여줍니다.
var a = 0 var b = 0 var c = 0 function changeBackground () {var x = document.getElementById ( 'bg') bg.style.backgroundColor = 'rgb ('+ a + ','+ b + ','+ c + ')'a + = 1 b + = a + 1 c + = b + 1 if (a> 255) a = a-b if (b> 255) b = a if (c> 255) c = b}산출:
무언가를 작성하면 다음과 같습니다.
Onmouseover 이벤트
JavaScript의 onmouseover 이벤트는 마우스 포인터를 요소와 요소가 바인딩 된 하위 요소 위로 가져가는 것에 해당합니다. 예는 다음과 같습니다.
function hov () {var e = document.getElementById ( 'hover') e.style.display = 'none'}산출:
마우스를 가리 키기 전에 색상 상자가 나타납니다. 상자 위로 마우스를 가져 가면 사라집니다.
Onload 이벤트
onload 이벤트는 요소가 완전히로드 될 때 발생합니다. 예를 들어 어떻게 작동하는지 살펴 보겠습니다.
산출:
Onfocus 이벤트
Onfocus 이벤트에는 포커스를받을 때마다 명령을 실행하는 요소 목록이 있습니다. 다음 예제는 onfocus 이벤트가 작동하는 방식을 보여줍니다.
function focus () {var e = document.getElementById ( 'input') if (confirm ( 'Focus Event')) {e.blur ()}}입력 상자에 초점 :
산출:
이들은 JavaScript에서 가장 자주 사용되는 이벤트 중 일부입니다. 이것으로 우리는 기사를 끝냈습니다. 이벤트가 무엇이며 어떻게 사용되는지 이해 하셨기를 바랍니다.
셀레늄 웹 드라이버에서 크로스 브라우저 테스트
우리를 확인하십시오 강사 주도의 라이브 교육 및 실제 프로젝트 경험과 함께 제공됩니다. 이 교육을 통해 백엔드 및 프런트 엔드 웹 기술을 다루는 기술을 능숙하게 사용할 수 있습니다. 여기에는 웹 개발, jQuery, Angular, NodeJS, ExpressJS 및 MongoDB에 대한 교육이 포함됩니다.
질문이 있으십니까? 이 블로그의 댓글 섹션에 언급 해 주시면 다시 연락 드리겠습니다.