<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>
실행
'공부(2018~2019) - 스킨변경전 > Javascript' 카테고리의 다른 글
| <jQuery> 1. Selector (0) | 2018.03.28 |
|---|---|
| <jQuery> 0. basic (0) | 2018.03.28 |
| <javascript> 5. event (0) | 2018.03.27 |
| <javascript> 4. document 객체 (0) | 2018.03.27 |
| <javascript> 3. prototype , getter&setter (0) | 2018.03.26 |
블로그의 정보
57개월 BackEnd
BFine