JavaScript

[ITSkeleton] HTML JavaScript div 클릭처리

ITSkeleton 2017. 6. 29. 17:35
728x90
반응형

먼저 ID를 호출하는 방법


<div id="ClickTest">

클릭해보세요

</div>


<script>

$("#ClickTest").click(function(){

alert("클릭되었습니다");

});

</script>


클래스도 같은 방법으로 호출할수 있습니다. #이아닌 .으로 되어야 겠지요?


위의 방법과 같은방법이지만


<script>

var Test = document.getElementById("ClickTest");

Test.click(function(){

alert("클릭되었습니다");

});

</script>


이렇게 쓸수도 있답니다.



onclick 이벤트를 활용하는법


<div onclick = "TestFuc()">

클릭해보세요

</div>

<script>

function TestFuc(){

alert("클릭되었습니다.");

}

</script>



728x90
반응형