Korean English Japanese

[jQuery] 티스토리 중복 댓글 방지

티스토리에서 버튼 입력을 누르다 보면 실수로 연달아 클릭하게 되는 경우가 있다. 이럴 때, 티스토리 댓글이 중복으로 남기게 된다. 일종의 찌꺼기가 남는 셈이다. 이를 JQuery로 버튼 클릭을 제어함으로써 중복 댓글을 방지할 수 있다.

jQuery

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.min.js"></script>

일반적으로 티스토리 스킨들은 jQuery 2.1.3 버전을 사용하고 있는 경우가 많기 때문에 스크립트 주소가 작성되어 있다면 생략한다.

 

본문(body)에 적용

var fewSeconds = 3;
$("button[type=submit]").click(function() {
    var btn = $(this);
    btn.prop("disabled", true);
    setTimeout(function() {
        btn.prop("disabled", false);
    }, fewSeconds * 1000);
});

fewSeconds는 클릭 후 몇 초동안 버튼을 비활성화할지 정하는 요소다. 이 방법은 disabled를 활용한 방법이다.

 

링크 | 원글 코코소프트