Question

这是我的倒计时字符代码。它在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>

感谢。例如：我使用倒计时日语字符和字母字符。

Answer 1

我尝试了你的代码并发现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，请参阅this以获取解决方案。

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

1 个答案: