JavaScript 操作剪贴板

港控/mmm° 2023-10-07 11:37 95阅读 0赞

## `一、剪切板相关事件` ##

<table> 
 <thead> 
  <tr> 
   <th align="left">事件</th> 
   <th align="left">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">copy</td> 
   <td align="left">在发生复制操作时触发</td> 
  </tr> 
  <tr> 
   <td align="left">cut</td> 
   <td align="left">在发生剪切操作时触发</td> 
  </tr> 
  <tr> 
   <td align="left">paste</td> 
   <td align="left">在发生粘贴操作时触发</td> 
  </tr> 
  <tr> 
   <td align="left">beforecopy</td> 
   <td align="left">在发生复制操作前触发</td> 
  </tr> 
  <tr> 
   <td align="left">beforeecut</td> 
   <td align="left">在发生剪切操作前触发</td> 
  </tr> 
 </tbody> 
</table>

## `二、剪切板工具类` ##

var textbox = document.forms[0].elements["textbox1"]
    EventUtil.addHandler(textbox, "paste", function (event) {
        
        event = EventUtil.getEvent(event);
        var text = EventUtil.getClipboardText(event);
    
        if (!/^\d*$/.test(text)) {
         // 判断内容是否为数值，不是则不让粘贴
            EventUtil.preventDefault(event);
        }
    });

var textbox = document.forms[0].elements["textbox1"]
    EventUtil.addHandler(textbox, "copy", function (event) {
        
        event = EventUtil.getEvent(event);
        EventUtil.preventDefault(event);
        EventUtil.setClipboardText(event, "Hello world!");
    });

## `一、js触发剪切板事件` ##

document.execCommand('copy'); 	// 触发复制事件
    document.execCommand('paste');	// 触发粘贴事件
    document.execCommand('cut');	//触发剪切事件