JavaScript HTML DOM oncut 事件

  • oncut 事件

    当用户剪切元素的内容时,会发生oncut事件。
    注意:尽管所有HTML元素都支持oncut事件,但实际上不可能删除例如<p>元素的内容,除非元素已将contenteditable设置为“true”(请参阅​​下面的“更多示例”) )。
    提示: oncut事件主要用于type=“text”的<input>元素。
    提示:有三种方法可以切割元素的内容:
    • 按CTRL + X.
    • 从浏览器的“编辑”菜单中选择“剪切”
    • 右键单击以显示上下文菜单,然后选择“剪切”命令
    在<input>元素中剪切一些文本时执行JavaScript:
    <input type="text" oncut="myFunction()" value="尝试剪切此文本">
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    事件
    oncut
    支持
    支持
    支持
    支持
    支持
    注意:尝试复制图像时,oncut事件在某些浏览器中可能无法正常工作(请参阅下面的“更多示例”)。
  • 语法

    在HTML中:
    <element oncut="myScript">
    在JavaScript中:
    object.oncut = function(){myScript};
    在JavaScript中,使用addEventListener()方法:
    object.addEventListener("cut", myScript);
    注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。
  • 技术细节

    项目 描述
    冒泡:
    取消:
    事件类型: ClipboardEvent
    支持的HTML标记: 所有HTML标记
  • 更多例子

    在剪切<p>元素的某些文本时执行JavaScript(请注意,contenteditable设置为“true”):
    <p contenteditable="true" oncut="myFunction()">尝试剪切这些文本</p>
    尝试一下
  • 相关页面

    JavaScript参考 : HTML oncut 属性