Detailed explanation of how to disable the Enter key to automatically submit the form when parsing an HTML page

The following editor will bring you an article on how to disable the Enter key to automatically submit the form in an HTML page. The editor thinks it’s pretty good, so I’ll share it with you now and give it as a reference. Let’s follow the editor and take a look.

Due to the use of form in HTML pages, it is often necessary to disable enter to submit the form. Because the content page or master page itself has a button of type="submit", when the textbox is focused, pressing enter will trigger the default submission of the form (whether it is IE or Firefox), so it is necessary to monitor the user's keystrokes in onkeydown. . Actual testing shows that there are too many uncertain factors that lead to form submission in IE8. Clicking the td in the table of the form will trigger form submission, but Firefox will not. Therefore, disabling form submission in IE and FF requires different ideas.

For IE:

Return true only when the event source is TEXTAREA, allowing default actions; return false for all other elements, prohibiting forms submission and any responses.

For firefox:

Only when the event source is INPUT, return false to disable the form's default action; while other elements return true to allow the default Actions, such as multi-line input of textarea.

So the complete code is as follows:

<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>

Replace the above javascript The code should be applied to pages that need to disable the Enter key to automatically submit the form. After testing, IE, Firefox and Chrome browsers have perfectly solved the problem of the Enter key to automatically submit the form.

The above is the detailed content of Detailed explanation of how to disable the Enter key to automatically submit the form when parsing an HTML page. For more information, please follow other related articles on the PHP Chinese website!