HTML 페이지를 구문 분석할 때 자동으로 양식을 제출하기 위해 Enter 키를 비활성화하는 방법에 대한 자세한 설명

다음 편집자는 Enter 키를 비활성화하여 HTML 페이지에서 양식을 자동으로 제출하는 방법에 대한 기사를 제공합니다. 에디터가 꽤 좋다고 생각해서 지금 공유해서 참고용으로 올려보겠습니다. 편집기를 따라가며 살펴보겠습니다.

HTML 페이지에서 양식을 사용하기 때문에 양식을 제출하려면 Enter를 비활성화해야 하는 경우가 많습니다. 콘텐츠 페이지 또는 마스터 페이지 자체에는 type="submit" 버튼이 있으므로 텍스트 상자에 초점이 맞춰져 있을 때 Enter 키를 누르면 양식(IE 또는 Firefox)의 기본 제출이 트리거되므로 모니터링이 필요합니다. onkeydown에서 사용자의 키 입력. 실제 테스트에서는 IE8에서 양식 제출로 이어지는 불확실한 요소가 너무 많다는 것을 보여줍니다. 양식 표에서 td를 클릭하면 양식 제출이 실행되지만 Firefox에서는 그렇지 않습니다. 따라서 IE 및 FF에서 양식 제출을 비활성화하려면 다른 아이디어가 필요합니다.

IE의 경우:

이벤트 소스가 TEXTAREA인 경우에만 true를 반환하고 다른 모든 요소는 false를 반환하며 양식 제출을 허용하지 않습니다. 그리고 어떤 응답.

firefox의 경우:

이벤트 소스가 INPUT인 경우에만 false를 반환하여 양식 기본 작업을 비활성화하고 다른 요소는 허용하려면 true를 반환합니다. 텍스트 영역의 여러 줄 입력과 같은 기본 작업.

따라서 전체 코드는 다음과 같습니다.

<mce:script language="javascript" type="text/javascript"><!-- 
 //禁用Enter键表单自动提交 
  document.onkeydown = function(event) { 
   var target, code, tag; 
   if (!event) { 
    event = window.event; //针对ie浏览器 
    target = event.srcElement; 
    code = event.keyCode; 
    if (code == 13) { 
     tag = target.tagName; 
     if (tag == "TEXTAREA") { return true; } 
     else { return false; } 
    } 
   } 
   else { 
    target = event.target; //针对遵循w3c标准的浏览器，如Firefox 
    code = event.keyCode; 
    if (code == 13) { 
     tag = target.tagName; 
     if (tag == "INPUT") { return false; } 
     else { return true; } 
    } 
   } 
  }; 
  
// --></mce:script>

변경 위의 javascript 양식을 자동으로 제출하기 위해 Enter 키를 비활성화해야 하는 페이지에 코드를 적용해야 합니다. 테스트 후 IE, Firefox 및 Chrome 브라우저는 Enter 키를 눌러 양식을 자동으로 제출하는 문제를 완벽하게 해결했습니다.

위 내용은 HTML 페이지를 구문 분석할 때 자동으로 양식을 제출하기 위해 Enter 키를 비활성화하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!