javascript - 未捕获的类型错误 : Cannot read property 'getData' of undefined

Question

我正在尝试处理粘贴事件并尝试将富文本转换为纯文本，我在容器内有一个内容可编辑(动态创建)的 div，其 ID 为 main

$("#main").on("paste","div",function(event){
  event.preventDefault();
  var clipboarddata =  event.clipboardData ||window.clipboardData || event.originalEvent.clipboardData;                  
  var onlytext = clipboarddata.getData('text/plain');
  document.execCommand("insertHTML", false, onlytext);
});

Uncaught TypeError: Cannot read property 'getData' of undefined

我认为 event.clipboarddata 不工作，我的浏览器支持剪贴板 API。我正在复制文本并将其粘贴到 div 中。所以剪贴板应该有一些值(value)

有人可以解释为什么我的 clipboardData 是未定义的吗

Answer 1

对于最新的浏览器 Chrome，下面的行将起作用。

var clipboarddata = window.event.clipboardData.getData('text');

$(document).ready(function(){

 $("#main").on("paste",function(event){
      event.preventDefault();
      var clipboarddata =  window.event.clipboardData.getData('text');    
      console.log("paste value" + clipboarddata);
      $('#pasteData').text(clipboarddata);
    });
    
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="main" name="first_name" value="" maxlength="100" />
<div>paste value :  <span id="pasteData"><span></div>