一个高亮选择后自动复制然后鼠标中键无格式粘贴的代码
以下是一个基于JavaScript的代码示例，实现了在选择文本后自动复制，并通过鼠标中键无格式粘贴的功能来去除格式：
document.addEventListener('mouseup', function(e) {
var selectedText = window.getSelection().toString();
if (selectedText !== '') {
// 创建一个临时的 textarea 元素
var tempTextarea = document.createElement('textarea');
tempTextarea.value = selectedText;
document.body.appendChild(tempTextarea);
// 选中文本并复制
tempTextarea.select();
document.execCommand('copy');
// 从 body 中移除临时元素
document.body.removeChild(tempTextarea);
}
});
document.addEventListener('mousedown', function(e) {
// 如果按下的是中键
if (e.button === 1) {
// 获取剪贴板中的纯文本内容
var clipboardData = e.clipboardData || window.clipboardData;
var pastedText = clipboardData.getData('text/plain');
// 在当前光标位置插入纯文本
var selection = window.getSelection();
var range = selection.getRangeAt(0);
var textNode = document.createTextNode(pastedText);
range.deleteContents();
range.insertNode(textNode);
// 设置新的光标位置
range.setStartAfter(textNode);
range.setEndAfter(textNode);
selection.removeAllRanges();
selection.addRange(range);
// 阻止默认粘贴行为
e.preventDefault();
}
});
在这个代码中，我们通过添加两个事件监听器来实现功能：
mouseup 事件监听器：当用户在页面中选择文本并松开鼠标时，我们将选中的文本复制到剪贴板中。
mousedown 事件监听器：当用户在页面中按下鼠标时，如果按下的是中键，则我们从剪贴板中获取纯文本内容，并在当前光标位置插入该文本。
需要注意的是，由于浏览器的安全策略，我们无法直接访问剪贴板中的内容，而只能通过用户的操作来触发剪贴板事件并获取内容。因此，在上面的代码中，我们使用了 e.clipboardData.getData
('text/plain') 来获取剪贴板中的纯文本内容。同时，我们也需要在代码中阻止默认的粘贴行为，以避免将带有格式的内容粘贴到页面中。
