事件名称

oncopy 该事件在用户拷贝元素内容时触发
oncut 该事件在用户剪切元素内容时触发
onpaste 该事件在用户粘贴元素内容时触发

代码演示

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. </head>
  7. <body>
  8. <div>
  9. <h4>剪贴板事件</h4>
  10. <div oncopy=copy(event)>oncopy:拷贝事件</div>
  11. <div oncut=cut(event)>onout:剪切事件</div>
  12. <div onpaste=paste(event)>onpaste:粘贴事件</div>
  13. </div>
  14. </body>
  15. </html>
  16. <script type="text/javascript">
  17. function copy(e){
  18. e.target.innerHTML = 'oncopy事件触发'
  19. }
  20. function cut(e){
  21. e.target.innerHTML = 'oncut事件触发'
  22. }
  23. function paste(e){
  24. e.target.innerHTML = 'onpaste事件触发'
  25. }
  26. </script>