Javaスクリプトのデフォルト2(イベント、CSS)

Event

console.ログ(要素)の後、クロムコンソールで使用可能なイベントを表示できます.

function func(){}

title.addEventListener("click",fucn);
title.onClick = func; // 동일

title.addEventListener("이벤트",함수이름);
title.on이벤트 = 함수이름;
.removeEventListener(); // 이벤트 삭제 가능

addEventListener()を使用して実行されるイベントは、ブラウザによって実行されます.

CSS

CSSで処理できるものはCSSで処理したほうがいい!

cssでクラス名

を設定する

	.class{
    	color:tomato;
        transition:color 0.5s ease-in-out
    }

このクラスを

JavaScriptに適用する

	const h1 = document.querySelector("div.hello:first-child h1");
	h1.className = "class";

preventDefault()

ブラウザのデフォルト動作をブロックする関数
ウィンドウをリフレッシュして実行するには、ex)button、submitなどをクリックします.

preventDefault()を使用しても更新されません
ex 2)リンクをクリックすると、他のページ

へのジャンプを回避できます.