집 >웹 프론트엔드 >JS 튜토리얼 >JavaScript의 이벤트 소스란 무엇입니까?

JavaScript의 이벤트 소스란 무엇입니까?

青灯夜游원래의: 2021-06-09 16:23:474770검색

이벤트에서는 현재 동작하고 있는 요소가 이벤트 소스입니다. 예를 들어 웹 페이지 요소의 입력에는 onclick 이벤트가 있어서 입력을 클릭하면 이벤트 소스가 입력됩니다. 이벤트 소스는 이벤트 객체의 속성으로 존재합니다. srcElement 속성을 사용하여 이벤트 소스를 얻을 수 있습니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

이벤트 소스

이벤트에서는 현재 동작하고 있는 요소가 이벤트 소스가 됩니다. 예를 들어, 웹 요소의 입력에는 onclick 이벤트가 있습니다. onclic 이벤트를 보내기 위해 입력을 클릭하면 이벤트 소스가 입력이 됩니다.

공통 이벤트 소스:

(마우스) event	설명
onclick	마우스가 개체를 클릭할 때 트리거됨
ondblclick	마우스 객체가 두 배일 때 트리거됨 -clicked
onmousedown	마우스 버튼을 눌렀을 때 실행
onmousemove	마우스를 움직일 때 실행
onmouseout	마우스가 요소 또는 하위 요소를 떠날 때 실행 event
onmouseover	Mouse 이 이벤트를 수신하는 요소 또는 하위 요소로 이동할 때 트리거됩니다.
onmouseup	마우스를 놓을 때 트리거됩니다.

(키보드) 이벤트	설명
onkeydown	키보드 누르기
keypress	키를 길게 누르기
keyup	키보드 해제

ㅋㅋㅋ onsubmitsubmit재설정 재설정(페이지) 이벤트 설명onload페이지 로딩 종료onscrollscroll크기 조정 중

(폼 컨트롤) 이벤트	description

크기 변경이벤트 소스 가져오기: 이벤트 소스는 이벤트 개체의 속성으로 존재합니다. W3C 사양에서는 이 속성이 대상이지만 IE8.0 이하에서는 이 속성을 지원하지 않으며 srcElement 속성을 사용하여 이벤트 소스를 얻습니다.

<html>
<head>
<title>获取事件源</title>
</head>
<body>
<div id="demo">点击这里</div>
<script type="text/javascript">
 document.getElementById("demo").onclick=function(e){
 var eve = e || window.event;
 var srcNode = eve.target || eve.srcElement; // 兼容所有浏览器
 alert(srcNode);
 }
</script>
</body>
</html>

프로그래밍 비디오


더 많은 프로그래밍 관련 지식을 보려면	를 방문하세요! !

위 내용은 JavaScript의 이벤트 소스란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

JavaScript Event 对象事件 input

성명：

이전 기사：타입스크립트와 자바스크립트의 차이점은 무엇인가요?다음 기사：타입스크립트와 자바스크립트의 차이점은 무엇인가요?