Question

I want to submit the form by press the ENTER key.
But it also change the line in content.
How to prevent this?

This is my code, but when hit ENTER, the … run and Cursor moved to the next line:

function postmessage(e) {
    if(e) {
        e.preventDefault = null || e.preventDefault;
        if(e.preventDefault) {
            e.preventDefault();
        } else {
            e.returnValue = false;
        }
    }
    ....
    return false;
}

function submitmessage(e) {
    if(e.keyCode == 13) {
        postmessage(e);
    }
    return false;
}

function bindEvent(el, eventName, eventHandler) {
  if (el.addEventListener){
    el.addEventListener(eventName, eventHandler, false); 
  } else if (el.attachEvent){
    el.attachEvent('on'+eventName, eventHandler);
  }
}

bindEvent(text, 'keydown', submitmessage);

Answer 1

While I completely agree with @Peter in that this will create a very awkward and annoying user experience, here’s how to achieve it code-wise: Capture the event on a keydown, and bypass the newline with event.preventDefault(). Then manually submit your form.

Something like this:

var el = document.getElementById('#my_textarea');
if (el.addEventListener)
{
    el.addEventListener('keydown', checkEnter(event), false); 
} 
else if (el.attachEvent){
    el.attachEvent('keywodn', checkEnter(event));
}

function checkEnter(event)
{
    var charCode = (event.which) ? event.which : event.keyCode

    // Enter key
    if(charCode == 13) {
        event.preventDefault();
        document.myform.submit();
        return false;
    }
}

MDN Docs:

• https://developer.mozilla.org/en/DOM/event.preventDefault
• https://developer.mozilla.org/en/DOM/element.addEventListener