首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如果已键入内容可编辑的内容,则禁用打字机功能

如果已键入内容可编辑的内容,则禁用打字机功能
EN

Stack Overflow用户
提问于 2021-12-10 02:52:19
回答 1查看 57关注 0票数 1

我使用typewriter.js和contenteditable=“真”。然而,我的问题是,当我键入输入时,我的文本将与typerwriter占位符一起展开。当我在可内容编辑中输入文本时,如何禁用打字机?这是我的密码

代码语言:javascript
复制
<div id="quote__text" contenteditable="true">


var app = document.getElementById('quote__text');
var typewriter = new Typewriter(app, {
    loop: true
});

typewriter.typeString('TYPE HERE TO SET GOAL')
    .pauseFor(2500)
    .deleteAll()
    .typeString('GOAL 1')
    .pauseFor(2500)
    .deleteChars(7)
    .typeString('GOAL 2')
    .pauseFor(2500)
    .start();
EN

回答 1

Stack Overflow用户

发布于 2021-12-17 07:37:41

尝试在用户输入文本时停止库

代码语言:javascript
复制
const editor = document.getElementById("quote__text");

editor.addEventListener("input", stop);

function stop(e) {
    typewriter.stop()
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70299206

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档