您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
免费发信息

HTML DOM Clipboard事件

2024/4/17 16:52:56发布6次查看
html dom clipboard事件用于提供有关剪贴板修改的信息。事件可以是剪切、复制和粘贴。剪贴板事件可用于使您的网站更易于访问,即向用户提供有关剪贴板如何被修改的信息。
属性以下是clipboard事件的属性 −
属性描述
clipboarddata 返回一个包含剪贴板操作(剪切、复制或粘贴)影响的数据的对象。
事件以下是属于clipboard事件的事件类型 −
事件描述
oncopy 当用户复制元素的内容时触发此事件。
oncut 当用户剪切元素的内容时触发此事件。
onpaste 当用户在元素中粘贴一些内容时触发此事件。
语法以下是clipboard事件的语法 −
var clipboardevent = new clipboardevent(type,[options]);
这里,type可以是‘剪切’、‘复制’或‘粘贴’,第二个参数是可选的。第二个参数包含 clipboarddata、datatype 和 data。
示例让我们看一下 clipboard 事件 oncopy 之一的示例 -
<!doctype html><html><body><form><label> textbox <input type="text" oncopy="copytext()" value="copy this text"></label></form><p id="sample"></p><script> function copytext() { document.getelementbyid("sample").innerhtml = "the text has been copied by you!" }</script></body></html>
输出这将产生以下输出 −
在复制textbox内的文本时 −
在上面的示例中 −
我们创建了一个类型为文本的<input>元素。它有一个标签textbox分配给它,并且已经包含了一些文本供用户选择。用户复制文本后,将执行copytext()方法。
<label> textbox <input type="text" oncopy="copytext()" value="copy this text">
copytext() 方法使用 document 上的 getelementbyid() 方法获取 元素,并在段落内显示“您已复制了该文本!”。
function copytext() { document.getelementbyid("sample").innerhtml = "the text has been copied by you!"}
以上就是html dom clipboard事件的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录