JavaScript HTML DOM onpaste 事件

• 

  onpaste 事件

  当用户在元素中粘贴一些内容时，会发生onpaste事件。

  注意：虽然所有HTML元素都支持onpaste事件，但实际上不可能将某些内容粘贴到例如<p>元素中，除非该元素已将contenteditable设置为“true”（请参阅​​下面的“更多示例”） ）。

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

  提示：有三种方法可以在元素中粘贴一些内容：

  按CTRL + V. 从浏览器的“编辑”菜单中选择“粘贴” 右键单击以显示上下文菜单，然后选择“粘贴”命令。

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

  <input type="text" onpaste="myFunction()" value="粘贴一些东西到这里">

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  事件
  onpaste	支持	支持	支持	支持	支持

  注意：尝试复制图像时，onpaste事件在某些浏览器中可能无法正常工作（请参阅下面的“更多示例”）。
• 

  语法

  在HTML中：

  <element onpaste="myScript">

  在JavaScript中：

  object.onpaste = function(){myScript};

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

  object.addEventListener("paste", myScript);

  注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。
• 

  技术细节

  项目	描述
  冒泡：	有
  取消：	有
  事件类型：	ClipboardEvent
  支持的HTML标记：	所有HTML标记

• 

  更多例子

  在粘贴<p>元素中的某些文本时执行JavaScript（请注意，contenteditable设置为“true”）：

  <p contenteditable="true" onpaste="myFunction()">尝试在此段落中粘贴一些内容。</p>

  尝试一下
• 

  相关页面

  JavaScript参考 ： HTML onpaste 属性