跨浏览器方法,以防止从textarea文本复制的所有方法?
我正在开发一个在线打字软件。 在打字软件中,一切进展顺利,但我遇到了不诚实用户的问题,他们可能会将文本输入到文本区域,复制它,然后重新加载页面(因此重置计时器)并直接粘贴它。 所以我在想使用类似evt.preventDefault();
东西evt.preventDefault();
当javascript检测到按下ctrl / cmd按钮和C
键时。 但后来我意识到用户总是可以到菜单栏按Edit -> Copy
。 所以我想知道,是否有一种跨浏览器方法来禁用这两种复制方法?
您可以尝试使用以下jQuery代码:
$('input[type=text],textarea').bind('copy paste cut drag drop', function (e) { e.preventDefault(); });
你可能会做类似的事情:
var txtArea = document.getElementById("YourTextAreaId"); txtArea.oncopy = function() { return false; } txtArea.onpaste = function() { return false; } txtArea.oncut = function() { return false; }
但即便如此,用户也可以通过其他方式复制内容,如问题所示。
您可以阻止某些事件,但无法阻止此类用户行为。 用户始终可以通过浏览器控制台从DOM节点复制文本。
绑定事件处理程序并阻止剪贴板function如下:
$('textarea').on('copy paste cut drag drop', function (e) { e.preventDefault(); });