이 기사에서는 JavaScript 학습 이벤트가 무엇인지 소개합니다. 이벤트는 어떤 용도로 사용되나요? , 일반적으로 사용되는 이벤트가 무엇인지, 어떤 이벤트를 수행할 수 있는지 모두에게 알려주세요. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
먼저 이벤트란 무엇인가요?
이벤트는 JavaScript로 감지할 수 있는 동작입니다.
HTML 이벤트는 HTML 요소에 발생하는 일입니다.
HTML 페이지에서 JavaScript를 사용하면 JavaScript가 이러한 이벤트를 트리거할 수 있습니다.
HTML 이벤트
HTML 이벤트는 브라우저 동작 또는 사용자 동작일 수 있습니다.
HTML 웹 페이지의 모든 요소는 JavaScript 기능을 트리거할 수 있는 특정 이벤트를 생성할 수 있습니다.
다음은 HTML 이벤트의 예입니다.
HTML 페이지 로딩 완료
HTML 입력 필드는
HTML 버튼을 클릭하면 변경됩니다.
보통 사건이 발생하면 할 수 있는 일이 몇 가지 있습니다.
이벤트가 트리거되면 JavaScript가 일부 코드를 실행할 수 있습니다.
HTML 요소에 이벤트 속성을 추가하고 JavaScript 코드를 사용하여 HTML 요소를 추가할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<span id="demo"></span>
<button onclick='getElementById("demo").innerHTML=Date()'>时间</button>
</body>
<script type="text/javascript">
</script>
</html>위의 예에서 JavaScript 코드는 id="demo"인 요소의 콘텐츠를 수정합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<span id="demo"></span>
<button onclick='this.innerHTML=Date()'>时间</button>
</body>
<script type="text/javascript">
</script>
</html>위의 예에서 JavaScript 코드는 자체 요소의 콘텐츠를 수정합니다. (this.innerHTML을 사용하세요).
JavaScript 코드는 일반적으로 몇 줄의 코드이며 이벤트 속성을 통해 호출하는 것이 더 일반적입니다. 일반적인 HTML 이벤트
HTML 요소 변경
| 사용자가 HTML 요소를 클릭합니다 | onmouseover | 사용자가 마우스를 움직입니다. HTML 요소
| onmouseout | 사용자가 HTML 요소 위에서 마우스를 움직입니다. |
| onkeydown | 사용자가 키보드 키를 눌렀습니다 |
| onload | 브라우저 로딩이 완료되었습니다 페이지 |
|
JavaScript 이벤트는 무엇을 할 수 있나요? 이벤트는 양식 유효성 검사, 사용자 입력, 사용자 행동 및 브라우저 작업을 처리하는 데 사용할 수 있습니다.
여러 가지 방법을 사용하여 JavaScript 이벤트 코드를 실행할 수 있습니다.
요약: 위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼, jQuery 비디오 튜토리얼, bootstrap 튜토리얼을 방문하세요! |
위 내용은 JavaScript 학습의 이벤트는 무엇입니까? 이벤트는 어떤 용도로 사용되나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!