How to prevent ENTER keypress to submit a web form?

by

[revision 2012, no inline handler, preserve textarea enter handling]

function checkEnter(e){
 e = e || event;
 var txtArea = /textarea/i.test((e.target || e.srcElement).tagName);
 return txtArea || (e.keyCode || e.which || e.charCode || 0) !== 13;
}

Now you can define a keypress handler on the form:
<form […] onkeypress=”return checkEnter(event)”>

document.querySelector('form').onkeypress = checkEnter;

More Related Contents:

  1. How to find event listeners on a DOM node in JavaScript or in debugging?
  2. jQuery Event Keypress: Which key was pressed?
  3. Definitive way to trigger keypress events with jQuery
  4. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  5. Javascript removeEventListener not working
  6. How can I capture the right-click event in JavaScript? [duplicate]
  7. Javascript/DOM: How to remove all event listeners of a DOM object?
  8. How to trigger the window resize event in JavaScript?
  9. Removing event listener which was added with bind
  10. event.preventDefault() vs. return false (no jQuery)
  11. Inspect attached event handlers for any DOM element
  12. Watch multiple $scope attributes
  13. How to unbind a listener that is calling event.preventDefault() (using jQuery)?
  14. How can I execute a function on pressing the enter key in an field?
  15. jQuery: How to get the event object in an event handler function without passing it as an argument?
  16. jQuery: Unbind event handlers to bind them again later
  17. event.offsetX in Firefox
  18. Javascript Detect click event outside of div [duplicate]
  19. How to handle an ActiveX event in Javascript
  20. Javascript – Dynamically assign onclick event in the loop
  21. jQuery event that triggers after CSS is loaded?
  22. Detect if user clicks inside a circle
  23. Performance difference between jQuery’s .live(‘click’, fn) and .click(fn)
  24. Get the clicked object that triggered jquery blur() event [duplicate]
  25. Drop event not firing in chrome
  26. JavaScript resize event on scroll – mobile
  27. jQuery: How to listen for DOM changes?
  28. Is there a way to detect find on the page searches in javascript
  29. jquery keypress event object keyCode for firefox problem?
  30. One time event handling using promises?

Leave a Comment