网页禁止剪切事件

最新推荐文章于 2022-05-28 23:31:48 发布

最新推荐文章于 2022-05-28 23:31:48 发布 · 165 阅读

文章标签：

#网页 #禁止 #剪切 #事件

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

本文介绍了如何使用JavaScript阻止用户在网页的文本框内进行剪切操作，通过为textarea元素添加oncut事件处理程序实现这一功能，并展示了具体的实现代码。

一介绍

剪切事件是在浏览器中剪切被选中的内容时触发事件处理程序，剪切事件包括onbeforecut和oncut两个事件。

onbeforecut事件是当页面中的一部分或全部内容被剪切到浏览者系统剪贴板时触发事件处理程序。

oncut事件是当页面中被选择的内容被剪切时触发事件处理程序。

二应用

屏蔽在文本框中进行剪切的操作。

三代码

<body>
<script language="javascript">
function pp()
{
 alert("该页面不允许剪切");
 return false;
}
</script>
<p>用JavaScript实现页面不能进行剪切操作</p>
<form name="form1" method="post" action="">
 <textarea name="textarea" cols="50" rows="10" oncut="return pp()">
&lt;body oncopy="return pp()"&gt;
&lt;/body&gt;
&lt;script language="javascript"&gt;
function pp()
{
 alert("该页面不允许剪切");
 return false;
}
&lt;/script&gt;
</textarea>
</form>
</body>

四注意

在textarea控件中显示JavaScript代码时，不可以在<textarea>…</textarea>标记中显示任何标记（实际上就是“<”和“>”符号，这个标记可以用&lt和&gt代替）。

五运行结果