2

下面的代码工作正常，除了如果我粘贴一个超过 10 个字符的字符串，它应该只粘贴前 10 个字符。目前它不这样做，如何防止粘贴超过 10 个字符？

http://jsfiddle.net/qfzkw/2/

4

3 回答 3

2

如前所述，<textarea maxlength="10">将适用于少量情况 - 但不是全部。

很难确定如何阻止用户（例如在 Firefox 中）进入文本区域、选择浏览器菜单Edit然后单击Paste. 我真的不知道如何防止这种情况。您可以检查 keydown 事件以防止ctrl+ v。您可以禁用上下文菜单以禁止右键单击文本区域（尽管恶意用户可以编辑前端 javascript 然后重新启用此功能）。

简而言之，没有通用的方法来防止用户以适当的方式粘贴。

然而，你可以破解一个解决方案（当似乎没有办法继续你真正想要的事情时，这总是我的最爱）。我将要建议的这种方法取决于您运行了多少计时器。如果您有多个动画计时器，谷歌建议您尝试将它们全部折叠到一个计时单元中，其他计时单元来自该计时单元。如果是这种情况，请重构您的计时器。

实现一个全局定时器。实现一个基于该计时器运行 25 毫秒的函数。缓存文本区域的内容。看看这些内容是否发生了变化。

文本区域

<textarea id="maintextarea"></textarea>

脚本

/*init*/
var globalTimer = new Date();
var cachedText = document.getElementById("maintextarea").value;
var iterationCount = 0;

function cacheText() {
    cachedText = document.getElementById("maintextarea").value;
}

function upDateTimer() {
    globalTimer = new Date();
    var timerTimeout = setTimeout('upDateTimer()', 5);
    timeBasedOperations();
}
upDateTimer();

function timeBasedOperations() {
    iterationCount++;//this will allow timing to occur
    //TODO: Add in other timers calls based on global timer
    if (iterationCount % 5) {//every fifth iteration (hence 25ms)
        checkTextArea();
    }
}

function checkTextArea() {
    var currentText = document.getElementById("maintextarea").value;
    var textArea = document.getElementById("maintextarea");
    if (currentText.length > cachedText.length) {
        //TODO: Add additional logic for catching a paste or text change
        textArea.value = currentText.substr(0, 10);
    }
    cacheText();
}

我认为虽然这实现了一个计时器，但这是一个非常实用的解决方案。它也恰好起作用（经过测试）。

:)

于 2012-04-30T21:10:46.237 回答
1
于 2012-04-30T20:14:48.153 回答
0

您无法从浏览器中窥视剪贴板缓冲区，因此您唯一的选择是像您目前所做的那样将其限制为 10 个字符。使用 maxlength="10" 属性而不是您正在进行的 javascript 字符计数。 

<textarea maxlength="10"></textarea>​
于 2012-04-30T20:15:50.540 回答