HTML | DOM oncut 事件

HTML DOM oncut 事件发生在用户剪切元素内容时。 oncut 事件主要用于type=”text” 的元素。
支持的标签

• 它支持所有 HTML 元素。

句法：
在 HTML 中：

在 JavaScript 中：

object.oncut = function(){myScript};

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("cut", myScript);

注意：剪切元素内容的方式有以下三种：

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

示例 1：使用 HTML

html

 

    HTML DOM oncut Event

 

    
        
          GeeksforGeeks
      
        HTML DOM oncut Event
        
 
        
 
 
        
            function myFunction() {
                document.getElementById(
                  "demo").innerHTML = "Done";
            }
        
    

 

输出：
前：

后：

示例 2：使用 JavaScript

html

 

    HTML DOM oncut Event

 

    
        
          GeeksforGeeks
      
        HTML DOM oncut Event
        
 
        
            document.getElementById("myInput").oncut = function() {
                GFGfun()
            };
 
            function GFGfun() {
                alert("Done");
            }
        
    

 

输出：
前：

后：

示例 3：在 JavaScript 中，使用 addEventListener() 方法：

html

 

    HTML DOM oncut Event

 

    
        
          GeeksforGeeks
      
        HTML DOM oncut Event
        
 
        
            document.getElementById(
              "myInput").addEventListener(
              "cut", GFGfun);
 
            function GFGfun() {
                alert("Done");
            }
        
    

 

输出：
前：

后：

支持的浏览器： HTML DOM oncut Event支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果Safari
• 歌剧