반응형
티스토리에서 버튼 입력을 누르다 보면 실수로 연달아 클릭하게 되는 경우가 있다. 이럴 때, 티스토리 댓글이 중복으로 남기게 된다. 일종의 찌꺼기가 남는 셈이다. 이를 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를 활용한 방법이다.
링크 | 원글 코코소프트
반응형
'Tistory > Tistory Skin' 카테고리의 다른 글
티스토리 기본 웹폰트 (1) | 2021.07.13 |
---|---|
티스토리 썸네일 이미지 배지 다는 방법 (0) | 2021.07.09 |
티스토리 이동경로·카테고리 경로(Breadcrumb navigation) 적용 (0) | 2021.06.28 |
[웹폰트 CDN] 렉시새봄 / 이롭게바탕/ 나눔고딕 / 본고딕 / PT Sans / 서울한강 (0) | 2021.04.03 |
티스토리 저자(블로거) 프로필 카드 HTML&CSS (0) | 2021.01.05 |
티스토리 단축키 추가방법 (0) | 2020.10.05 |
티스토리 공지사항 치환자 사용방법과 예시 (0) | 2020.09.23 |
티스토리 카테고리의 다른글 카테고리 이름추가(인덱스 치환자) (0) | 2020.08.06 |