gpt4 book ai didi

javascript - 撤消 div 标记

转载 作者:行者123 更新时间:2023-11-28 03:51:25 24 4
gpt4 key购买 nike

我有 div 标签和 contentEditable = 'true'。当我从键盘输入文本然后调用 undo 函数 (document.execCommand('undo',false, null)) 时,我输入的所有文本都被删除.我只想撤消最后输入的字符。我该怎么做?

function doUNDO() 
{
document.execCommand('undo',false, null);
}
<!DOCTYPE html>
<html>
<head>
<script src="formulas.js"></script>
<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
</head>
<body id="main" spellcheck="false">
<span contenteditable="false">
<button onclick="doUNDO()">UNDO</button>
</span>

<div id = "mainDiv"contenteditable="true">a</div>
</body>
</html>

最佳答案

doUndo() 中而不是调用 execCommand 您可以只从 div 中删除最后一个字符,如果它不为空的话。

例如

function doUNDO() {
var mainDIV = document.getElementById('mainDiv')
mainDIV.innerHTML = mainDIV.innerHTML.substr(0, mainDIV.innerHTML.length - 1);

关于javascript - 撤消 div 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32100027/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com