javascript - Uncaught ReferenceError : *function here* is not defined

Question

Uncaught ReferenceError: limitText is not defined

仅从匹配结果的数量来看，我发现许多其他人也遇到过这个问题 - 尽管解决方案是根据具体情况运行的。

这基本上是一个函数，用于告诉您在键入时给定表单中还剩下多少个字符 - “您还剩下 XXX 个字符”。

Javascript:

"use strict"; // <-- This was a suggested remedy, did nothing.
function limitText(limitField, limitCount, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } else {
        limitCount.value = limitNum - limitField.value.length;
    }
}

HTML(省略无关的PHP):

<textarea name="BlogPost" maxlength="5000" cols="100" rows="20" 
onKeyDown="limitText(this.form.BlogPost,this.form.countdown,5000);" 
      onKeyUp="limitText(this.form.BlogPost,this.form.countdown,5000);" required></textarea>
   <font size="1">(Maximum characters: 5000)<br>
   You have <input readonly type="text" name="countdown" size="3" value="5000">
   characters left.</font>

将我的浏览器置于“ Debug模式”实际上会导致脚本正常工作而不会出现错误 - 尽管我真的不能指望任何运行该应用程序的用户也会这样做。如果将脚本直接放入 <script></script> 文档中，它也可以工作。 ，尽管我正在使用的系统斥责这是“不好的做法”，因为您需要通过它的奇特模块系统加载脚本。 (媒体维基)

有什么想法吗？

Answer 1

使用 onKeyDown 和 onKeyUp 进行第一次迭代(您错过了 form 元素)– http://jsfiddle.net/3ZAeP/

代码

(function (global) {
    global.limitText = limitText;
    function limitText(limitField, limitCount, limitNum) {
        if (limitField.value.length > limitNum) {
            limitField.value = limitField.value.substring(0, limitNum);
        } else {
            limitCount.value = limitNum - limitField.value.length;
        }
    }
}(window));

这很有趣，因为 limitText 应该是开箱即用的全局。