생활
자바스크립트 confirm() 버튼명 변경 가능한가요?
자바스크립트 confirm() 쓰게되면 팝업창에 확인 취소 버튼이 나오는데 확인 취소 버튼명을 변경하는법 있나요???
변경방법이 있다면 변경방법과
없다면 같은 기능으로 버튼명만 다르게 해서
구현할 수 있는 방법좀 부탁드립니다.
3개의 답변이 있어요!
confirm() 창에서 확인, 취소 버튼의 텍스트는 바꿀 수 없습니다.
confirm 함수는 자바스크립트 특징인 비동기에 맞지 않게 화면을 멈춰버리는 함수입니다.
웹 페이지가 더 자연스럽게 하기 위해서도 confirm 함수를 사용하지 않는 것이 좋습니다.
w3schools에 좋은 예시가 있습니다 :D
안녕하세요
우선 기본적으로 컨펌의 보턴은 브라우저 자체내장 기능입니다
이걸 원하시는데로 하실려면 자바스크립트를 이용하여
클릭이벤트 발생시 원하는 자바스크립트를 실행할수 있도록 하면 되는데요
예를 들어 아래처럼 하면 해당 이미지 클릭시 자바스크립트
new_confirm 함수를 호출하게 됩니다
<img src="...." onclick="new_confirm('blabla','atype')">
그래서 해당 new_confirm 자바스크립트에서 원하시는 이미지와 이벤트를 원하시는데로
만들어서 하시면 됩니다
<!DOCTYPE html> <html> <body> <h1 onclick="cc(this)">클릭</h1> <script> function cc(id) { id.innerHTML = "개인정보 포함하여 저장하시겠습니까?<a href='#' onclick='예일때 처리할부분'>✅</a> <a href='' onclick='document.frm.mw_a.focus();'>❎</a>"; //document.frm.mw_a.focus(); } </script> </body> </html>confirm 의 "내용" 은 바꿀수있지만 버튼의 대한 커스텀은 브라우저 내부에서 돌아가기때문에 불가합니다.
다만 "확인", "취소" 의 경우 언어 설정에 따라서 Yes, No 정도로는 가능합니다만 그걸 원하시는건 아닌거같습니다.
이런경우에는 수많은 custom alert 등을 사용하시면됩니다.
대표적으로 유명한 몇가지 URL 첨부드립니다.
https://www.jqueryscript.net/tags.php?/alert/
각종 alert plugin 을 검색할수있는 URL입니다.
https://sweetalert2.github.io/
유명한 custom alert 중 하나인 sweetalert2 입니다. 가볍고 다양한 기능이 포함되어있습니다.
http://ninodezign.com/free-awesome-jquery-plugin-for-custom-alert-box/
많은 custom alert 들을 간단한 예시 및 장단점을 열거한 URL 입니다.
참조하시어 마음에 드시는 플러그인 사용하시면 될것으로 보입니다^^