JavaScript : 확인란에서 기본적으로 "취소"를 선택하는 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/1699582

  •  18-09-2019
  •  | 
  •  

문제

사용자가 "데이터 삭제"버튼을 클릭 할 때 JavaScript 확인란을 표시하고 있습니다. 이 이미지에서 볼 수 있듯이 표시합니다.

alt text

이미지에서 "확인"버튼은 기본적으로 선택됩니다. 기본적으로 "취소"버튼을 선택하려면 사용자가 우연히 누르는 경우 입력하다 키, 레코드는 안전하며 삭제되지 않습니다.

JavaScript에 기본적으로 "취소"버튼을 선택할 방법이 있습니까?

도움이 되었습니까?

해결책

jQuery 플러그인을 사용할 수 있다면 여기에 좋은 플러그인이 있습니다.

jQuery impromptu

기본 초점 버튼을 변경하려면 :

$.prompt('Example 4',{ buttons: { Ok: true, Cancel: false }, focus: 1 });

다른 팁

그렇게 할 수는 없지만 DOM 요소를 사용하여 표시되는 나만의 대화 상자를 사용할 수 있습니다 (Phoenix가 제안한 것처럼 특정 jQuery 플러그인 일 필요는 없으며 다른 jQuery 플러그인 일 필요는 없습니다. JS 프레임 워크).

"JQuery + Plugin X 사용"답변이 성가시기 시작합니다. 많은 JS 라이브러리가 있으며 더 많은 플러그인이 있습니다. 예를 들어 JS 라이브러리를 사용하면 사용자 정의 대화 상자 만 표시하려면 불필요합니다. 빠른 해결책/답변이지만, 그런 답변은 장기적으로 더 많은 해를 끼칩니다. JavaScript 또는 프로그래밍을 처음 접하는 사람들은 jQuery 및/또는 플러그인이 유일한 방법이라고 생각하기 시작하며 50KB+ 라이브러리가 자신의 3 줄 (때로는 라이브러리를 사용하지 않습니다 : D)을 포함합니다.

내 의견으로는 Markus Johnsson의 의견이 가장 좋은 대답입니다. 부끄러운 일이 아닙니다.

나는 당신이 그렇게 할 수 있다고 생각하지 않습니다.

그러나 예를 들어 사용자가 입력 상자에 'Y'를 입력하도록함으로써 사용자가 실수로 확인에 동의하기가 더 어려워 질 수 있습니다.

agree = (prompt("Type 'y' to accept", '') == 'y');
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top