手册

概览

JavaScript Array 对象 Location 对象 JavaScript anchor() 方法 JavaScript charCodeAt() 方法 HTML DOM readyState 属性 HTML DOM createAttribute() 方法 History 对象 button 事件属性 onmousemove 事件 onresize 事件 JavaScript match() 方法 onselect 事件 onunload 事件 ondblclick 事件 Window 对象 Navigator 对象 HTML DOM anchors 集合 HTML DOM forms 集合 onwheel 事件 screenY 事件属性 ondragend 事件 ondragover 事件 ondrop 事件 onloadedmetadata 事件 HTML DOM doctype 属性 onbeforeunload 事件 JavaScript toLowerCase() 方法 animationstart 事件 strictErrorChecking 属性 getElementsByName() 方法 createComment() 方法 ononline 事件 onmouseleave 事件 onoffline 事件 onmouseover 事件 documentElement 属性 onwaiting 事件 HTML DOM write() 方法 JavaScript 运算符 HTML DOM URL 属性 JavaScript substr() 方法 timeStamp 事件属性 JavaScript split() 方法 ontimeupdate 事件 animationiteration 事件 onseeking 事件 HTML DOM documentURI 属性 oninput 事件 relatedTarget 事件属性 Link rev 属性 HTML DOM createTextNode() 方法 transitionend 事件 onmouseout 事件 onkeyup 事件 oncanplaythrough 事件 ondragstart 事件 onplaying 事件 JavaScript atan2() 方法 onbeforeprint 事件 oncut 事件 cancelable 事件属性

Browser 对象

DOM 对象

HTML 对象

对象属性

JavaScript concat() 方法 JavaScript Array every() 方法 JavaScript Array filter() 方法 JavaScript indexOf() 方法 JavaScript join() 方法

首页大前端 JavaScript JavaScript 参考手册

oncut 事件

阅读15778

更新时间2022-04-24

onbeforeprint 事件

cancelable 事件属性

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（剪切）" 命令。

浏览器支持

语法

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 事件

onbeforeprint 事件

cancelable 事件属性