티스토리에서 버튼 입력을 누르다 보면 실수로 연달아 클릭하게 되는 경우가 있다. 이럴 때, 티스토리 댓글이 중복으로 남기게 된다. 일종의 찌꺼기가 남는 셈이다. 이를 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를 활용한 방법이다.
링크 | 원글 코코소프트