프론트 개발 블로그

Javascript 중복 클릭 방지 본문

Javascript

Javascript 중복 클릭 방지

maybe.b50 2022. 9. 27. 11:17

https://itworldyo.tistory.com/136

 

submit 중복 클릭 막기

submit 중복 클릭 막기 중복 클릭으로 인해 가장 많이 발생하는 문제가 있습니다. 폼을 전송할 때 클릭이 2번 이상 발생하면서 폼이 2번 전송되어 2중으로 저장되는 경우입니다. 이러한 경우에

itworldyo.tistory.com

 

버튼 클릭 시 중복 이벤트 방지 

// 클릭 시 버튼 비활성화
	$('#btn').prop('disable', true);


OR 

const btnElem = document.querySelector('#btn');
btnElem.addEventListener('click', function(e) {
	this.setAttribute("disabled", "disabled");
    // Submit 
});
반응형

'Javascript' 카테고리의 다른 글

window.visualViewport.width, window.visualViewport.height  (0) 2022.01.11
scroll 이벤트가 실행되지 않을 때  (0) 2021.10.26
IIFE, 재귀 함수, 중첩 함수, 콜백 함수, 고차 함수, 순수, 비 순수 함수 정리  (0) 2021.09.29
자바스크립트에서 타입을 체크하는 방법 typeof  (0) 2021.09.28
void 0; 이 뭐지?  (3) 2021.01.18
'Javascript' Related Articles more