[油猴脚本] 粘贴链接时去除内容中的空格

coult3

gh0ul 发表于 2025-5-2 11:56
感谢，试用看看

又更新了一下，8楼的脚本有个小bug：假如当前输入框有一些文字，但是光标在这些文字的中间，这时粘贴，会发现插入的链接在文本末尾而不是光标之后，所以需要处理一下。

另外加入了一个新变量 textTest 对剪贴板原内容进行预处理，这样就可以更好地判断剪贴板中是不是链接或者特定协议了。
预处理也解决了协议名里有很长的空格 以及 : 和 / / 之间有空格的情况。😎

1. (function () {
   
2.   document.addEventListener('paste', evt => {
   
3.     const clipboardData = evt.clipboardData;
   
4.     if (clipboardData) {
   
5.       const target = document.activeElement;
   
6.       if (target && (target.tagName === 'INPUT' || target?.tagName === 'TEXTAREA')) {
   
7.         let text = clipboardData.getData('text/plain');
   
8.         // 先不管三七二十一，先把剪贴板中的文本去除空格，然后将其赋值给变量 textTest
   
9.         let textTest = text.replace(/\s+/g, '');
   
10. 
    
11.         // 然后检查 textTest 的前12个字符是否包含 :// 或者 textTest 整个文本是否以mailto:或magnet:或javascript: 开头，因为mailto/magnet/javascript 链接没有双斜杠。
    
12.         // 如果 textTest 满足要求，则说明剪贴板中的文本是链接或者特定协议，然后就可以处理 【原剪贴板】中的文本。
    
13.         // 这里的特定协议可以自定义
    
14.         let Regex = /^(mailto|magnet|javascript):/;
    
15.         if ( textTest.substring(0, 12).includes('://') || Regex.test(textTest) ) {
    
16.           evt.preventDefault();
    
17.           // 获取光标位置
    
18.           const cursorPos = target.selectionStart;
    
19. 
    
20.           // 获取光标前后的文本
    
21.           const beforeText = target.value.substring(0, cursorPos);
    
22.           const afterText = target.value.substring(cursorPos);
    
23. 
    
24.           // 定义要插入的文本，把 【原剪贴板】中的文本 去掉空格
    
25.           const insertText = text.replace(/\s+/g, '');
    
26. 
    
27.           // 拼接成新的文本字符串
    
28.           const newValue = beforeText + insertText + afterText;
    
29. 
    
30.           // 更新输入框的值
    
31.           target.value = newValue;
    
32. 
    
33.           // 更新光标位置到插入文本的后面
    
34.           const newCursorPos = cursorPos + insertText.length;
    
35.           target.setSelectionRange(newCursorPos, newCursorPos);
    
36.         }
    
37.       }
    
38.     }
    
39.   }, true);
    
40. })();

复制代码

参考：
javascript 插入文本到光标位置


https://developer.mozilla.org/en ... I/Reference/Schemes
https://developer.mozilla.org/zh-CN/docs/Web/URI
https://learn.microsoft.com/zh-c ... tform-apis/aa767739(v=vs.85)
https://learn.microsoft.com/zh-c ... sources/uri-schemes
https://learn.microsoft.com/en-u ... /launch-default-app

gh0ul

coult3 发表于 2025-5-2 23:38
又更新了一下，8楼的脚本有个小bug：假如当前输入框有一些文字，但是光标在这些文字的中间，这时粘贴，会 ...

好，谢谢

coult3

S8F8ry 发表于 2025-5-2 22:22
😝 确实没有考虑到协议名里有空格的情况。

又更新了，在11楼，确实要考虑好几种情况，比如协议名里有空格，：之后有空格，//之间有空格。
这个确实苦恼了我好一阵儿，直到某天我突然灵光一闪，单次处理判断是否链接不好判断，那二次处理呢？！
不得不说预处理是一个妙招，先全部去掉空格，再判断是否链接或特定协议就好办多了

accu789

感谢分享，楼主是位好心人