Скрытая кнопка отправки не будет отправлена ​​в Chrome при нажатии Enter

Question

У меня проблема со скрытой кнопкой отправки. У меня есть поле ввода, которое я использую для чата Ajax (jQuery), люди должны ввести текст и нажать Enter, чтобы отправить сообщение. Это отлично работает в Firefox, но не в chrome, я думаю, что он обрабатывает его так, как будто его там нет.

Я использую следующий код:

$('#CommentChatForm').submit(function(event){ 
    ...
}

И я использую это, чтобы скрыть кнопку отправки:

$('#CommentChatForm input:submit').hide();

Что делает HTML похожим на это:

<div class="submit">
    <input type="submit" value="Submit" style="display: none;">
</div>

Я также пытался использовать keypress (), добавив сверху:

$('#CommentMessage').keypress(function(e){
    if(e.which == 13){
        $('#CommentChatForm').submit();
    }
})

Это делает его работоспособным в Chrome, но в Firefox - дважды, а не один раз.

Answer 1

Иногда вы не можете контролировать HTML, создаваемый каким-либо виджетом или модулем, поэтому вы стилизуете вещи с помощью CSS. Так было и со мной. Если обнаружил, что в Chrome он работает, если вы используете

visibility:hidden;

но не если вы используете

display:none;

В FireFox это работает в любом случае. Надеюсь, это кому-нибудь пригодится.

Answer 2

Если вы используете обработчик нажатия клавиш, вам не понадобится скрытая кнопка отправки, поэтому просто удалите ее.

Answer 3

Я делаю так и без кнопки «Отправить».

Answer 4

Если вы не хотите отображать его, не добавляйте его в html.

html:

<form id="form" onsubmit="my_submit()">
<input type="text" id="msg" />
</form>

javascript:

function my_submit(){
    var msg = $('#msg').val();
    ....
    submit_on_my_own(msg);
    ...
    return false;
}

Answer 5

работает для меня в Chrome

http://jsfiddle.net/qEAeN/

может потребоваться дважды проверить ваш JS