JS获取粘贴内容

http://classjs.com/2013/03/05/js%E8%8E%B7%E5%8F%96%E7%B2%98%E8%B4%B4%E5%86%85%E5%AE%B9/

思路：在编辑环境中，粘贴时先记录光标在编辑器中的位置，再创建一个空的div，并且设置为可编辑的(contenteditable=”true”)，让光标聚焦其中，聚焦的技巧是div.focus(),此时光标粘贴操作是在刚才新创建的那个div里，那内容自然也就在该div里，利用setTimeout取到div的内容，最后重新定位光标到粘贴前位置并插入内容。

哈哈，这种思路挺讨巧的，不过其中的技巧并不是那么容易发现的。比如div.focus和setTimeout的技巧，但是我试了下，在iframe模式下是无效的，被卡在了focus那一步，因为iframe下的body是一个contenteditable=”true”环境，即focus状态，它的子元素也是处于这样一种状态，所以没法再次focus()；

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56

onBeforePaste: function(target, e)     {         // ie浏览器下，如果选中了文字，则不执行粘贴前处理；保证鼠标右键的正确行为。         if (__BROWSER.msie)         {             var range = document.selection.createRange();             if (range.text.length >0)             {                 return true;             }         }                   var self = this;                   // 记住容器滚动条位置         target.style.position = "static";         this.saveScrollTop();                   // 光标占位         var caretHolder = __addCaretHolder(target);         var tmpDiv = document.createElement("div");         tmpDiv.contentEditable = true;         tmpDiv.style.position = "absolute";         tmpDiv.style.top = caretHolder.offsetTop + "px";         tmpDiv.style.left = caretHolder.offsetLeft + "px";         tmpDiv.style.width = "1px";         tmpDiv.style.height = "1px";         tmpDiv.style.overflow = "hidden";         this.container.appendChild(tmpDiv);         tmpDiv.focus();         // 执行粘贴操作         __setTimeoutEx(0, function(){             var txt = tmpDiv.innerHTML;                         caretHolder.innerHTML = txt;             __setCaret(caretHolder, -1);             __removeCaretHolder();             if (tmpDiv.parentNode)             {                 tmpDiv.parentNode.removeChild(tmpDiv);             }                           // 粘贴时容器的滚动条会自动滚动，此处需要复原             target.style.position = "relative";             self.restoreScrollTop();            });                   return true;     },