<javascript> 5. event(2)
by BFine- mouse event
onload = function () {
var ckk = document.getElementById("ck");
ckk.addEventListener("mouseover", function () { //영역 안으로 들어올때 실행
console.log("mouseover")
});
ckk.addEventListener("mouseout", function () {
console.log("mouseout")
});
ckk.addEventListener("mousemove", function () { // 영역안에서 조금이라도 움직이면 실행
console.log("mousemove")
});
ckk.addEventListener("mousedown", function () { // 마우스 누르면 실행
console.log("mousedown")
});
ckk.addEventListener("mouseup", function () { // 마우스 때면 실행
console.log("mouseup")
});
ckk.addEventListener("dblclick", function () {
console.log("dblclick")
});
}
실행
- form 활용
<script>
onload = function () {
var bbtn = document.getElementById("btn");
bbtn.onclick = function () {
var iid = document.getElementById("id");
if (iid.value == "") {
alert("공백입니다");
} else {
alert("공백아닙니다")
}
}
}
</script>
</head>
<body>
<form action="" method="post">
아이디 :<input type="text" id="id" />
비밀번호:<input type="password" id="passward" />
<input type="submit" id="btn" value="send" />
</form>
</body>
</html>
실행
블로그의 정보
57개월 BackEnd
BFine