当按下输入时,隐藏的提交按钮不会在chrome中提交

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中,无论哪种方式都可以.希望这会对某人有所帮助.