Latest web development tutorials

onpaste 事件

事件對象參考手冊 事件對象

實例

在<input> 元素上粘貼文本時執行JavaScript :

<input type="text" onpaste="myFunction()" value="嘗試在此處粘貼文本">

嘗試一下»

本文底部可以查看更多實例。

定義和用法

onpaste 事件在用戶向元素中粘貼文本時觸發。

注意：雖然使用的HTML元素都支持onpaste事件，但實際上並非支持所有元素，例如<p>元素，除非設置了contenteditable為"true" (查看下文的更多實例)。

提示： onpaste事件通常用於type="text"的<input>元素。

提示：有三種方式可以在元素中粘貼內容：

  • 按下CTRL + V
  • 從瀏覽器的編輯菜單中選擇"Paste（粘貼）"
  • 右擊鼠標按鈕在上下文菜單中選擇"Paste（粘貼）" 命令。

瀏覽器支持

事件
onpaste Yes Yes Yes Yes Yes

語法

HTML 中：

<elementonpaste="myScript"> 嘗試一下

JavaScript 中：

object .onpaste=function(){myScript}; 嘗試一下

JavaScript 中, 使用addEventListener() 方法:

object .addEventListener("paste", myScript ); 嘗試一下

注意： Internet Explorer 8及更早IE版本不支持addEventListener()方法。

技術細節
是否支持冒泡: Yes
是否可以取消: Yes
事件類型: ClipboardEvent
支持的HTML 標籤: 所有HTML 元素

Examples

更多實例

實例

當向<p> 元素上粘貼文本內容時執行JavaScript (注意contenteditable 設置為"true"):

<p contenteditable="true" onpaste="myFunction()">嘗試在段落中粘貼內容。 </p>

嘗試一下»

相關頁面

HTML DOM參考手冊: oncopy事件

HTML DOM參考手冊: oncut事件


事件對象參考手冊 事件對象