在表单提交前检查字段复制操作状态，核心做法是监听输入框的 copy 事件并设置标志位，然后在 submit 事件中读取该标志位来决定是否阻止提交。具体实现时，为需要监控的 <input> 元素绑定 oncopy 处理函数，在其中将自定义属性（如 data-copied）设为 true；接着在表单的 onsubmit 中检查该属性，若为真则调用 event.preventdefault() 拦截提交。
copy 事件触发时机与数据获取方式
copy 事件在用户执行复制动作（如按下 Ctrl+C 或点击右键复制）后、数据被写入剪贴板之前触发。此时可以通过 event.clipboardData.getData('text') 获取即将被复制的内容，但通常我们只关心“是否发生了复制”这一状态，因此只需在事件回调中标记即可。
const form = document.getElementById('myForm');
const sensitiveInput = document.getElementById('sensitiveField');
// 标记变量
let isCopied = false;
// 监听 copy 事件
sensitiveInput.addEventListener('copy', function(event) {
// 可选：获取被复制的内容
const text = event.clipboardData.getData('text');
console.log('User copied:', text);
// 设置状态标记
isCopied = true;
});
// 监听 submit 事件
form.addEventListener('submit', function(event) {
if (isCopied) {
alert('Sensitive data was copied. Submission blocked.');
event.preventDefault(); // 阻止提交
} else {
console.log('Submission allowed.');
}
});
如何重置复制状态以防止误判
如果用户在提交前取消了操作或进行了其他交互，isCopied 可能仍保留为 true，导致后续合法提交被错误拦截。解决方法是在每次非复制相关的输入事件（如 input 或 focus）中重置标记，或者在提交失败后手动重置。更稳健的做法是将状态绑定到 DOM 属性上，并在每次用户修改字段时清除该属性。
立即学习“Java免费学习笔记（深入）”；
// 改进版：在输入时重置状态
sensitiveInput.addEventListener('input', function() {
isCopied = false; // 用户正在编辑，视为未复制
});
// 或者在失去焦点时重置
sensitiveInput.addEventListener('blur', function() {
isCopied = false;
});
// 在 submit 中检查后，无论成功与否，都应重置状态
form.addEventListener('submit', function(event) {
if (isCopied) {
event.preventDefault();
isCopied = false; // 重置，避免下次误拦
} else {
isCopied = false; // 确保状态干净
}
});
基于 data-copied 属性的具体验证问题
当使用 data-copied 属性而非 JS 变量时，需确保在 HTML 中初始化为 false，并在 copy 事件中更新它。例如：<input id="field" data-copied="false">。在 submit 中通过 document.getElementById('field').dataset.copied === 'true' 判断。这种方式的优势是与 DOM 同步，便于调试和扩展，但需注意 dataset 的值始终是字符串，比较时需严格匹配。
