onpaste 事件

DOM 事件 ClipboardEvent

定义和用法

onpaste 事件在用户将内容粘贴到元素中时发生。

尽管所有 HTML 元素都支持 onpaste 事件，但实际上不可能将内容粘贴到例如 <p> 元素中，除非该元素已将 contenteditable 设置为 "true"（请参阅下面的更多实例）。

提示： onpaste 事件主要用于 type="text" 的 <input> 元素。

提示：可以通过三种方式将内容粘贴到元素中：

  • CTRL + V
  • 从浏览器的编辑菜单中选择粘贴
  • 在右键菜单中选择粘贴命令

实例

例子 1

在 <input> 元素中粘贴一些文本时执行 JavaScript：

<input type="text" onpaste="myFunction()" value="Paste something in here">

亲自试一试

例子 2

在 <p> 元素中粘贴一些文本时执行 JavaScript（注意 contenteditable 已设置为 "true"）：

<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>

亲自试一试

语法

在 HTML 中：

<element onpaste="myScript">

亲自试一试

在 JavaScript 中：

object.onpaste = function(){myScript};

亲自试一试

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("paste", myScript);

亲自试一试

注释：Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。

技术细节

冒泡： 支持
可取消： 支持
事件类型： ClipboardEvent
支持的 HTML 标签： 所有 HTML 元素

浏览器支持

事件 Chrome IE Firefox Safari Opera
onpaste 支持 支持 支持 支持 支持

相关页面

HTML DOM 参考手册：oncopy 事件

HTML DOM 参考手册：oncut 事件

DOM 事件 ClipboardEvent