제1절 소급)

• 간단한 로그인 양식 구성 요소를 중앙에 배치하기 위해 CSS를 어떻게 작성합니까? (센터링)

• event.preventDefault 메서드를 사용하는 시기와 이유를 설명하십시오.

event.preventDefault()

이벤트의 동작에 대한 사용자 에이전트의 기본 동작이 실행되지 않을 때 사용하는 방식입니다.

취소 가능: 참 없이 EventTarget.dispatchEvent()취소할 수 없는 이벤트의 경우, 예: B. 보내다 default() 방지불러도 효과가 없다.

예 )

HTML

<p>체크박스를 클릭해주세요.</p>

<form>
  <label for="id-checkbox">체크박스:</label>
  <input type="checkbox" id="id-checkbox"/>
</form>

<div id="output-box"></div>

자바스크립트

document.querySelector("#id-checkbox").addEventListener("click", function(event) {
         document.getElementById("output-box").innerHTML += "죄송합니다!
 <code>preventDefault()</code> 때문에 체크할 수 없어요!
<br>";
         event.preventDefault();
}, false);

이벤트 흐름의 모든 단계에서 default() 방지호출 시 이벤트 취소즉, 이벤트에 대한 구현의 기본 동작을 수행하지 않습니다.

이벤트 취소 가능 여부

이벤트 취소 가능이벤트를 취소할 수 있는지 확인합니다.

취소할 수 없는 이벤트 정보 default() 방지효과 없이.