Проблемы с submit с помощью JS

[edycle]

Здравствуйте!

Весь день мучаюсь над проблемой, решения которой не могу найти. Дело в том, что у меня есть элементарная форма отправки сообщения:

<form action='send_mes.php' target="_self" method="post" onkeypress="submitOnCtrlEnter()" >
<textarea name="text" id="new_msg_textarea"></textarea>

<button type='submit' name='reply_mes' id="new_msg_button"><?php echo $but_text;?></button>
</form>

При клике на Submit она благополучно открывает файл send_mes.php и передает данные.

Проблемы возникают, когда я добавляю JS с возможностью отправки сообщения, используя комбинацию клавиш Ctrl + Enter (Cmd + Enter). При клике на Submit, все продолжает замечательно работать, но при нажатии Crtl+Enter (Cmd+Enter) не нравится следующее:

1. Файл send_mes.php открывается в другой вкладке, хоть и задан атрибут target. Что нужно сделать, чтобы этот файл открывался в той же вкладке?

2. Комбинация клавиш не работает в браузере Firefox. Подскажите, как данную коминацию сделать кроссбраузерной, не забыв при этом про Mac OS X?

Javascript, который я использую:

<script type="text/javascript">

function submitOnCtrlEnter() {
    if (event.keyCode == 13 && (event.ctrlKey || event.metaKey)) {
        document.getElementById("new_msg_button").click();
    }
}


</script>

Большое спасибо!)

[DrStrangeLove]

Попробуй традиционные:

<script type="text/javascript">

function submitOnCtrlEnter(evt) {
      event = window.event || evt;
     if (event.keyCode == 13 && (event.ctrlKey || event.metaKey)) {
        document.getElementById("new_msg_button").click();
    }
}

</script>

[edycle]

  On 10/17/2011 at 4:10 PM, DrStrangeLove said:

Попробуй традиционные:

<script type="text/javascript">

function submitOnCtrlEnter(evt) {
      event = window.event || evt;
     if (event.keyCode == 13 && (event.ctrlKey || event.metaKey)) {
        document.getElementById("new_msg_button").click();
    }
}

</script>

А как решить проблему с новой вкладкой? Откуда она вообще берется? Явно ведь задан target

  On 10/17/2011 at 4:10 PM, DrStrangeLove said:

Попробуй традиционные:

<script type="text/javascript">

function submitOnCtrlEnter(evt) {
      event = window.event || evt;
     if (event.keyCode == 13 && (event.ctrlKey || event.metaKey)) {
        document.getElementById("new_msg_button").click();
    }
}

</script>

Спасибо! В Firefox заработало и даже открывает в текущей вкладке))

А вот в Opera упорно продолжает открывать новую

[edycle]

  On 10/17/2011 at 4:10 PM, DrStrangeLove said:

Попробуй традиционные:

<script type="text/javascript">

function submitOnCtrlEnter(evt) {
      event = window.event || evt;
     if (event.keyCode == 13 && (event.ctrlKey || event.metaKey)) {
        document.getElementById("new_msg_button").click();
    }
}

</script>

Оказалось, что JS в данном случае работает только с пустой textarea((( Если ее заполнить и нажать Ctr+Enter, то ничего не происходит

[DrStrangeLove]

А в чём смысл сабмитить форму симулируя клик на кнопке сабмит??

Не проще ли воспользоваться родным для формы методом form.submit()??

И, кстати, у формы target="_self" можно убрать - он по дефолту такой..

Попробуй поменять keypress на keydown..

Edited October 17, 2011 by DrStrangeLove

[SelenIT]

  Quote

Если ее заполнить и нажать Ctr+Enter...

Всегда или только когда курсор в этой textarea стоит? Имхо, если второе, то просто textarea "захватывает" энтер как обычный вводимый символ. Может, на textarea onkeypress продублировать?