>  기사  >  웹 프론트엔드  >  JS를 사용하여 양식을 제출하는 페이지에서 Enter 키를 차단하는 방법

JS를 사용하여 양식을 제출하는 페이지에서 Enter 키를 차단하는 방법

高洛峰
高洛峰원래의
2016-12-05 13:07:531185검색

예를 들어 e388a4556c0f65e1904146cc1a846bee 태그의 Enter 키에 응답하여 이벤트를 발생시키도록 JS 코드를 설정하면 버블링 이벤트 원리에 따라 이벤트가 66fd2ada9ebb04d4250c850dc1e3737e 양식이 제출됩니다. 이는 우리가 원하는 효과가 아닙니다.

$(document).keydown(function(event){
  switch(event.keyCode){
     case 13:return false;
     }
});

생성된 HTML 코드에서 버튼이 제출 유형이기 때문입니다. 해결 방법은 버튼에 UseSubmitbehavior="false"를 설정하여 버튼이 페이지에 생성된 HTML 코드의 버튼 유형이 되도록 하는 것입니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.