Skip to content

Latest commit

 

History

History
77 lines (53 loc) · 1.94 KB

oncut.md

File metadata and controls

77 lines (53 loc) · 1.94 KB

HTML oncut 属性

定义和用法

oncut 属性在用户剪切元素内容时触发。

注意: 虽然所有 HTML 元素都支持 oncut 属性,但实际上不可能剪切例如 <p> 元素的内容,除非该元素设置了 contenteditable 属性为“true”(参见下面的“更多示例”)。

提示: 剪切元素内容的三种方式:

  • CTRL + X
  • 从浏览器的编辑菜单中选择“剪切”
  • 右键单击显示上下文菜单并选择“剪切”命令

适用于

oncut 属性是 事件属性 的一部分,可用于任何 HTML 元素。

元素 事件
所有 HTML 元素 oncut

示例

Input 示例

在 <input> 元素中剪切一些文本时执行 JavaScript:

<input type="text" oncut="myFunction()" value="尝试剪切此文本">
<input type="text" oncut="myFunction()" value="尝试剪切此文本">

<p id="demo"></p>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "你剪了文字!";
}
</script>

P 示例

在剪切 <p> 元素的某些文本时执行 JavaScript(注意 contenteditable 设置为 true):

<p contenteditable="true" oncut="myFunction()">尝试剪切此文本</p>
<p contenteditable="true" oncut="myFunction()">尝试剪切此文本</p>

<script>
function myFunction() {
  alert("你剪了文字!");
}
</script>

浏览器支持

事件属性 chrome edge firefox safari opera
oncut Yes Yes Yes Yes Yes