鹅毛笔-hasFocus始终为假,但效果很好

时间:2019-01-31 14:58:21

标签: javascript quill

每次调用quill.hasFocus都会返回false。我什至每隔50ms进行一次setinterval,它从未在控制台中显示为true。即使正常使用。边框变亮了,我正在输入,一切似乎都正常。

如果返回false,则无法使用getSelection等。 调用focus()无效,下一行为false。 进行getSelection(true)无效。

我正在用电子学羽毛笔。

编辑: 最少的示例时间:

<!DOCTYPE html>
<html>
<head>
    <script src="node_modules/quill/dist/quill.js"></script>
    <link href="node_modules/quill/dist/quill.snow.css" rel="stylesheet">
</head>
<body>

    <textarea id='quilleditor' style="width: 100%; min-height: 500px;"></textarea>

    <script>
    document.addEventListener("DOMContentLoaded", function()
    {
        var quill = new Quill('#quilleditor', {
            theme: 'snow'
        });

        //does not work
        quill.setText("kdjasiosaghdfiasdgfiasgdifgasdfhioasudf");

        setInterval(function(){
            //always false
            console.log("focus: " + quill.hasFocus());
        },60);

        //does not fire
        quill.on('text-change', function(delta, oldDelta, source) {
            console.log("text-change focus: " + quill.hasFocus());
        });

        //does not fire
        quill.on('selection-change', function(delta, oldDelta, source) {
            console.log("selection-change focus: " + quill.hasFocus());
        });
    });
    </script>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

游乐场/ codepen.io示例运行良好。 所以我仔细检查了。

这是问题。

我用过:

<textarea id='quilleditor' style="width: 100%; min-height: 500px;"></textarea>

一个文本区域。这使它不起作用。我以为我读到必须是一个文本区域。我猜是我的错。