Mozilla 中的按键问题

Question

我正在使用textarea来获取一些输入。标签显示剩余的更新字符。 在IE中工作正常，但在FF 3.0中，达到最大限制后，不允许删除或退格键。

我在 textarea 的按键事件上使用 JavaScript 函数。

javascript代码

function checkLength()
{
    var opinion = document.getElementById('opinion').value;
    if(opinion.length > 50)
        alert("You have reached the mas limit.");
    else
        document.getElementById('limit').innerHTML = 50 - opinion.length;
}

在页面上，我正在使用这个

<label id="limit">50 </label>
<textarea id="opTxtArea" onkeypress="javascript:checkLength();"></textarea>

一切都工作正常。问题出现在FF中，当输入达到最大限制时，会显示消息，但不允许删除或退格。

Answer 1

你的javascript代码是错误的

function checkLength()
{
    var opinion = document.getElementById('opTxtArea').value;
    if(opinion.length > 50)
        alert("You have reached the mas limit.");
    else
        document.getElementById('limit').innerHTML = 50 - opinion.length;
}

你采取了错误的元素

var opinion = document.getElementById('opinion').value;

现在改为

var opinion = document.getElementById('opTxtArea').value;

Answer 2

尝试删除“javascript:”？

Javascript：

function checkLength()
{
var opinion = document.getElementById('opTxtArea').value;
if(opinion.length > 50)
    alert("You have reached the max limit.");
else
    document.getElementById('limit').innerHTML = 50 - opinion.length;
}

HTML 代码：

<label id="limit">50</label>
<textarea id="opTxtArea" onkeypress="checkLength();" maxlength="50"></textarea>

此外，在 document.getElementById('opinion').value 行，我认为您输入了错误的 ID。

Answer 3

正如另一个答案中所述，您应该删除 onkeypress 属性中的 javascript: 前缀，因为这没有任何作用。

这里还有其他问题。你真正想要实现什么？该警报对于用户来说非常烦人，因此我建议改为在页面上显示一个元素来表示已超出字符限制。另外，当超过字符限制时，您希望发生什么？您可以阻止进一步输入（但不阻止删除），或者执行 Stack Overflow 对其注释字段所做的操作，即在超出字符限制时显示负数，但不阻止进一步输入。