onpaste里读不到clipboarddata需同步访问：先判空const cd = event.clipboarddata || window.clipboarddata，再检查cd.types是否包含'text/plain'或'text/html'，避免报错并兼容ie与safari iframe场景。
onpaste 里读不到 clipboardData 怎么办
直接写 onpaste="handlePaste(event)" 是安全的，但函数体里不能用 setTimeout 或 Promise.then 延迟读取，否则 event.clipboardData 已被清空。必须同步访问：
- 先判空：
const cd = event.clipboardData || window.clipboardData，IE 只认后者，Safari iframe 场景下前者可能为null - 读取前检查类型：
if (cd.types && cd.types.includes('text/plain'))，避免调用cd.getData('text/plain')报错 - 别只依赖
'text/plain'—— Safari 和旧 Android 上常为空，得 fallback 到'text/html'再解析 DOM
contenteditable 元素粘贴后崩样式怎么修
设了 contenteditable="true" 却粘出乱码、脚本执行、段落塌成一行？这不是 bug，是浏览器默认把剪贴板 HTML 原样插入。必须显式拦截：
- 一定要
event.preventDefault()，否则你的处理逻辑白写 - 别用正则
/]*>/g删标签——漏掉注释、CDATA、自闭合标签里的危险属性（如<img src="x" onerror="alert(1)">） - 优先取
event.clipboardData.getData('text/html')，用DOMParser解析，再遍历节点提取textContent，比纯文本更可靠 - 对
<p></p>、<div>（<code>display: block）手动补\n；连续空格用.replace(/\s+/g, ' ')后再转空格input/textarea 中怎么插到光标位置而不是末尾
直接赋值
input.value = processedText会把内容塞到末尾，用户在中间粘贴就错位。得手动定位：- 对
<input>和<textarea></textarea>，用setRangeText()：它支持精确光标控制，兼容 IE10+，且能保留选区 - 调用前先保存当前光标位置：
const start = input.selectionStart; const end = input.selectionEnd; - 处理完文本后：
input.setRangeText(processedText, start, end, 'end');，第四个参数控制光标停在插入后还是原位置 - 别用
document.execCommand('insertText')—— Chrome 97+ 已废弃，Safari 不支持，且总插在末尾
过滤后缩进和换行消失怎么保结构
用
innerText或正则删标签会丢换行；用textContent又混入零宽字符（\u200b）、软连字符（\u00ad），导致渲染异常：- 提取文本后统一清理：
.replace(/\u200b/g, '').replace(/\u00ad/g, '') - 对块级元素（
<p></p>、<div>、<code><h1></h1>等）之间补双换行，内联元素（<span></span>、<strong></strong>）之间只补单空格 - 首行缩进靠空格？别简单
.trim()—— 先用.replace(/^(\s+)/, '$1')保留开头空白，再整体清洗 - iOS 上粘贴后空白？那是
getSelection().getRangeAt(0)在某些场景返回无效 range，需加if (range && range.toString())安全判断
实际写法里最易被忽略的是：**
event.preventDefault()必须在所有分支都执行**，哪怕你只打算部分过滤或只提示不拦截，漏掉它就会触发两次插入（一次你的，一次浏览器默认）。还有就是DOMParser解析text/html时，必须包裹一层，否则<div> 直接作为根节点会被丢弃。</div> - 对
