관리 메뉴

웹개발자의 기지개

[Javascript] 버튼 두번 클릭 막기 본문

javascript

[Javascript] 버튼 두번 클릭 막기

http://portfolio.wonpaper.net 2021. 10. 16. 22:46

작업을 하다보니 여러번 클릭을 막아야 하는 경우가 발생하였다.

특히나 하루에 한번만 진행하는 이벤트시에 한번만 클릭해야 할때 유용한 부분이다.

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var submitFlag = false;
 
function submitCheck(){
    if(submitFlag){
        return submitFlag;
    }else{
        submitFlag = true;
        return false;
    }
}
 
function 클릭함수명(){
 
    if(submitCheck()){
        alert("이벤트는 하루 단 한번만 클릭(응모)가능합니다.");
        return;
    }
    
}
cs

 

소스를 보면 그리 어렵지 않고 true / false 형태로 최초 한번 클릭시 true로 지정해 놓고 다시 click 시에 체킹하도록 하는 방식이다.

 

 

참고 : https://blogpack.tistory.com/684

Comments