js实现类似微信网页版在可编辑的div中粘贴内容时过滤剪贴板的内容，光标始终在粘贴内容后面，以及将光标定位到最后的方法

过滤剪贴板内容以及定位可编辑div光标的方法：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery.min.js"></script>
<style type="text/css">
    .box{ 500px; height:300px; border:1px solid #ddd;　word-break:break-all; /*支持IE，chrome，FF不支持*/
　　word-wrap:break-word;/*支持IE，chrome，FF*/white-space:normal; }
</style>
</head>
<body>
<div contenteditable="true" class="box" )[0];
                  S && (document.createRange ? (v = document.createRange(), v.setStartAfter(S), v.collapse(!1), w = window.getSelection(), w.removeAllRanges(), w.addRange(v)) : document.selection && (v = document.body.createTextRange(), v.moveToElementText(S), v.collapse(!1), v.select()), S.parentNode.removeChild(S))
              }
          },50)
    })

$('#button').click(function(){
     po_Last_Div('editArea')
})
})

function po_Last_Div(obj) {
              var obj = document.getElementById(obj);
            if (window.getSelection) {//ie11 10 9 ff safari
                obj.focus(); //解决ff不获取焦点无法定位问题
                var range = window.getSelection();//创建range
                range.selectAllChildren(obj);//range 选择obj下所有子内容
                range.collapseToEnd();//光标移至最后
            }
            else if (document.selection) {//ie10 9 8 7 6 5
                var range = document.selection.createRange();//创建选择对象
                //var range = document.body.createTextRange();
                range.moveToElementText(obj);//range定位到obj
                range.collapse(false);//光标移至最后
                range.select();
            }
        }
</script>

缺陷：此方法粘贴时如果连续粘贴会导致光标最后定位出现错误，如果不是连续粘贴同一个剪贴板上的内容不会出现错误，不过，虽然光标位置错误，但是内容粘贴的是正确。这个问题微信网页版同样存在

js实现类似微信网页版在可编辑的div中粘贴内容时过滤剪贴板的内容，光标始终在粘贴内容后面，以及将光标定位到最后的方法

相关推荐