oncut 事件


oncut 事件

實例

#
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<input type="text" oncut="myFunction()" value="尝试剪切该文本">
<p id="demo"></p>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "你剪切了文本!";
}
</script>

</body>
</html>

運行實例»##點擊"運行實例" 按鈕查看線上實例

在本文底部查看更多實例。

定義和用法

oncut 事件在使用者剪切元素的內容時觸發。

注意： 雖然使用的 HTML 元素都支援 oncut 事件，但實際上並非支援所有元素，例如 <p> 元素， 除非設定了 contenteditable 為 "true" (請參閱下文的更多實例)。

提示：  oncut 事件通常應用在 type="text" 的 <input> 元素中。

提示： 有三種方式可以剪下內容：

    #按下CTRL + X
  • 從瀏覽器的編輯選單中選擇" Cut（剪下）"
  • 右鍵點選滑鼠按鈕在上下文選單中選擇"Cut（剪下）" 指令。
瀏覽器支援


17.png
語法

HTML 中：

< ;
element oncut="myScript">試試看
JavaScript 中：

object.oncut=function(){myScript};試試看
#JavaScript 中, 使用addEventListener() 方法:

object .addEventListener("cut", myScript);試試看

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

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


#更多實例


實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p contenteditable="true" oncut="myFunction()">尝试剪切该文本</p>
<script>
function myFunction() {
    alert("你剪切了文本!");
}
</script>

</body>
</html>

運行實例»#點擊"運行實例" 按鈕查看線上實例

相關頁面

HTML DOM 參考手冊: oncopy 事件

HTML DOM 參考手冊: onpaste 事件


←
→