如何使用 JavaScript 在特定文字區域中停用 Ctrl C 和 Ctrl V？

在JavaScript 中為受限文字區域停用Ctrl C 和Ctrl V

在某些情況下，可能需要限制使用者複製和複製將內容貼上到特定文字區域。這樣做通常是為了確保內容保持原創且未更改。 JavaScript 提供了一種便捷的方法來偵測 Ctrl V 和 Ctrl C 組合鍵並限制這些操作。

為了實現這一點，我們可以利用 keydown 和 keyup 事件來監視按鍵操作。我們定義 Ctrl 的按鍵代碼（17 或 91，取決於作業系統）以及 V 和 C。

<code class="js">var ctrlDown = false;
var ctrlKey = 17;
var cmdKey = 91;
var vKey = 86;
var cKey = 67;

$(document).keydown(function(e) {
    if (e.keyCode == ctrlKey || e.keyCode == cmdKey) {
        ctrlDown = true;
    }
}).keyup(function(e) {
    if (e.keyCode == ctrlKey || e.keyCode == cmdKey) {
        ctrlDown = false;
    }
});</code>

接下來，我們在要限制的 textarea 元素中加入一個 keydown 處理程序。它檢查是否按下了 Ctrl，如果同時按下了 V 或 C，則傳回 false 以阻止預設的複製或貼上操作。

<code class="js">$(".no-copy-paste").keydown(function(e) {
    if (ctrlDown && (e.keyCode == vKey || e.keyCode == cKey)) {
        return false;
    }
});</code>

為了證明此解決方案確實可以阻止複製和貼上，我們可以添加另一個不受限制的文字區域，並觀察複製和貼上操作在那裡工作。

<code class="html"><h3 id="Ctrl-c-Ctrl-v-disabled">Ctrl+c Ctrl+v disabled</h3>
<textarea class="no-copy-paste"></textarea>

<br>
<br>

<h3 id="Ctrl-c-Ctrl-v-allowed">Ctrl+c Ctrl+v allowed</h3>
<textarea></textarea></code>

綜上所述，透過偵測 Ctrl V 和 Ctrl C 組合鍵並阻止特定文字區域中的預設操作，我們可以有效地限制使用者將內容複製或貼上到這些區域。

以上是如何使用 JavaScript 在特定文字區域中停用 Ctrl C 和 Ctrl V？的詳細內容。更多資訊請關注PHP中文網其他相關文章！