Question

我有一个Textarea和一个Button我希望在单击按钮时使用JQuery设置其值。

<textarea readonly class="form-control prj-info"></textarea>

我的Jquery代码：

$(".btn-get-prj-info").click(function () {
        if ($('.edt-prj-code').val().length < 7) {
            $("textarea.prj-info").html("ERROR");
        }
        else {
            setTimeout(
                function () {
                    $("textarea.prj-info").html("OK")
                }, 1500);
        }
    })

但它有一个奇怪的问题！在Textarea's文字发生变化的其他情况下，页面内容眨眼!!

此问题仅适用于Google Chrome。

我用Google搜索了，但我找不到任何东西。

Answer 1

正如@mplungjan所暗示的那样，您似乎并没有阻止该按钮的默认操作。在HTML中，提交按钮的操作是重新加载页面。您需要将事件作为参数传递给附加到按钮的回调函数，并阻止它进行默认操作。

Answer 2

谢谢你们最后，问题解决了谁可能有这个问题：
我在代码中使用了字符❌，它使Chrome上的页面刷新，我不知道为什么！

$("textarea.prj-info").html("❌ title one");

jQuery函数在Chrome上刷新页面

2 个答案: