onsubmit 函数没有被调用

Question

我正在设计一个基于AJAX 的shoutbox。 http://businessgame.be/shoutbox.php

该脚本在 google chrome 中完美运行，但其他浏览器则不然不像我想象的那样。

要喊出新消息，有一个拥有输入文本字段的表单。当按下回车键时，表单正在被提交，所以我省略了提交按钮，因为按下回车键就足够了。

<form method="POST" action="" onsubmit="javascript: return shout();" enctype="multipart/form-data">
<input type="text" style="width: 100%;" name="txtShout" id="txtShout" maxlength="600" autocomplete="off" title="Shout!" placeholder="Shout!">
</form>

呼喊函数如下所示：

function shout() {
alert("test");
        // Post shout and clear textField
        if(getLength("txtShout")) {
            AjaxUpdate("./includes/shout.php?message=" + getItemValue("txtShout"), refreshShoutBox);
            setItemValue("txtShout", "");
        }

        // Stop submit
        return false;
    }

通常，脚本应该调用呼喊函数，AJAX 将发送请求以添加呼喊，然后返回 false，因此不会提交表单。

但在除 Google Chrome 之外的所有浏览器中，表单都会被提交。我在函数中放入了一个alert()来检查它是否被调用或编码错误，但警报没有显示。

Answer 1

好吧，由于某种原因，我无法在其他浏览器中使用 onsubmit 函数。决定采取不同的方法，而不是拼命地继续寻找解决方案。现在，我刚刚向文本框添加了一个侦听器，以检查何时按下某个键（如果是回车键），然后调用该函数。

这似乎有效，但仍然必须删除表单，因为否则它会被提交^^。

所以现在我得到了这样的结果：

function shoutEnterListener() {
    // Get object
    var domObject = document.getElementById("txtShout");

    // Get shoutbox html code
    if(domObject) {
        domObject.onkeydown = shoutEnter;
        domObject.onkeypress = shoutEnter;
    }
}

function shoutEnter(e) {
    var keyCode;

    // Check which key has been pressed
    if (window.event) {
        keyCode = window.event.keyCode;
    } else {
        keyCode = e.which;
    }

    // If enter, shout!
    if (keyCode == 13) {
        shout();
    }
}

在 init 函数中调用了shoutEnterListener()。这也证明没有任何编码错误，而纯粹是函数根本没有被调用。

如果您仍然找到上一个问题的解决方案，请告诉我，因为这是有点乏味且密集的代码。