Question

我有一个预先填充了一些文本的模态供用户编辑，限制为500个字符。我想要包含一个“剩余字符”通知。我有它为onKeyUp工作，但我希望它初始化剩下多少个字符（现在跨度是空的，直到用户点击一个键）。这两个onLoad函数都没有工作（也许onLoad是错的？这里相当新）。任何帮助表示赞赏！

<div id="tooltip-modal" style="display:none">   
    <script language = "Javascript">
    maxLength = 500;
    var container = $("#tooltip_body");

    function taCount(tooltipBody,Cnt) { 
        objCnt = createObject(Cnt);
        objVal = tooltipBody.value;
        if (objCnt) {
            objCnt.innerText=maxLength-objVal.length;
        }
        return true;
    }

    function createObject(objId) {
        if (document.getElementById) return document.getElementById(objId);
        else if (document.layers) return eval("document." + objId);
        else if (document.all) return eval("document.all." + objId);
        else return eval("document." + objId);
    }
    onLoad="alert('Loaded')";
    onLoad="return taCount(container,'myCounter')";
    </script>

    <body>
    <form method="post" action="#" id="update-tooltip">
        <h2>Edit the description of this item:</h2>
        <input type="hidden" name="tooltip_id" id="tooltip_id">
        <textarea onKeyUp="return taCount(this,'myCounter')" name="tooltip_body" id="tooltip_body" class="input" rows=7 wrap="physical" cols=40></textarea>
        <br><br>

        You have <strong><span id="myCounter" ></span></strong> characters remaining for your description...</h3><br>
        <button type="submit" value="Update" id="update" >Update</button>
    </form>
</body>
</div>

Answer 1

非常确定onload必须绑定到页面上的元素，例如body标签。

http://www.w3schools.com/jsref/event_onload.asp

如何在模态加载时激活脚本？

1 个答案: