input的粘贴事件

最新推荐文章于 2024-07-24 15:08:13 发布

江醉鱼

最新推荐文章于 2024-07-24 15:08:13 发布

阅读量2.9k

点赞数

分类专栏： js进阶

本文链接：https://blog.csdn.net/me_never/article/details/106501673

版权

本文探讨了在处理input元素的粘贴事件时，如何在直接操作DOM和应对Shadow DOM的情况下获取真实DOM。通过设置定时器setTimeout来实现，并介绍了通过修改input值以及处理可能的覆盖粘贴情况的方法。

摘要由CSDN通过智能技术生成

直接操作DOM的话比较简单，还有一种特殊情况：shadow dom的粘贴事件
就需要先拿到真实DOM: 使用定时器setTimeout()去获取就可以了

input.addEventListener('paste', event => {
   
  event.preventDefault();
  let pasteValue=(event.clipboardData || window.clipboardData).getData('text');
  
  document.execCommand

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

江醉鱼

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
input的粘贴事件

直接操作ＤＯＭ的话比较简单，还有一种特殊情况：shadow dom的粘贴事件就需要先真实dom: 使用定时器setTimeout()去获取就可以了input.addEventListener('paste', event => { event.preventDefault(); let pasteValue=(event.clipboardData || window.clipboardData).getData('text'); document.execCommand('in
复制链接

扫一扫