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