jquery倒计时字符在IE中不起作用



这是我倒计时字符的代码。它在Firefox、Chrome中运行良好,但在IE中不起作用。你能帮我解决问题并解释原因吗。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>CountDown Character</title>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
    <form action="">
        <textarea name="message1" id="message1" cols="30" rows="10" data-limit="10"></textarea>
        <br>
        <span name="remLen1" id="remLen1">10</span>
    </form>
    <SCRIPT LANGUAGE="JavaScript">
        $(document).ready(function(){
            $('#message1').on("keyup keydown",
            function () {
                var limit = $(this).data("limit");
                var remainingChars = limit - $(this).val().length;
                console.log(remainingChars);
                if (remainingChars <= 0) {
                    $('#message1').val($('#message1').val().substring(0,limit));
                }
                $("#remLen1").html(remainingChars<=0?0:remainingChars);
            });
        });
    </script>
</body>
</html>

谢谢。我用的是倒计时日语字符和字母字符。

我尝试了您的代码,发现console.log(remainingChars);导致了问题,因为它给出了错误:控制台未定义。删除这一行,您的代码就可以工作了。

$(document).ready(function(){
    $('#message1').on("keyup keydown",
    function () {
        var limit = $(this).data("limit");
        var remainingChars = limit - $(this).val().length;
        /*console.log(remainingChars);*/
        if (remainingChars <= 0) {
            $('#message1').val($('#message1').val().substring(0,limit));
        }
        $("#remLen1").html(remainingChars<=0?0:remainingChars);
    });
});

如果您仍然想使用console,请参阅此解决方案。

最新更新