17

Chromeでこれを試しました。内部に大量のテキストを含むテキストエリアがあると、最後の部分の編集が非常に遅くなります。カーソルとキーボード入力の応答がクロールになります。

しかし、CSS リンクを から に移動するようにすると、<head>遅く</body>はなりません。この現象が存在する理由はありますか?

使用したコード:

<!DOCTYPE html>
<html>
    <head>
        <style>textarea {width: 400px; height: 400px;}</style>
        <link href="1.css" rel="stylesheet" type="text/css">
    </head>

    <body>
        <textarea name="content"></textarea>
    </body>
</html>

この html は実際にはバックエンド スクリプトによって生成され、テキストエリアのコンテンツを数千行のテキストで埋めます。ユーザーがコンテンツの最後までスクロールすると、速度低下が始まります。head部分のcssを外せば速くなります。

4

5 に答える 5

4

私もこの問題に遭遇しました.私の場合、影響を受けるのはクロムブラウザだけです. -> https://code.google.com/p/chromium/issues/detail?id=237433

于 2014-04-16T12:00:25.507 に答える
3

私は同じ問題を抱えていましたが、次の属性で解決しましたng-model-options="{ updateOn: 'blur' }"

で試してください

<textarea ng-model-options="{ updateOn: 'blur' }"></textarea>

于 2016-12-07T15:25:31.400 に答える
1

問題が Chrome でのみ発生する場合は、スペルチェッカーである可能性があります。

@PapaKai が提供するリンクによると、スペル チェッカーを無効にすると役立つ場合があります。(最近提案された)

この回答で説明されているように、 <textarea spellcheck="false"> を使用してテキストエリアのみでスペルチェックを無効にすることができます

于 2015-11-20T10:48:30.690 に答える