首页 / JAVASCRIPT / javascript如何在多个字段或元素中粘贴“纯文本”

javascript如何在多个字段或元素中粘贴“纯文本”

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript如何在多个字段或元素中粘贴“纯文本”，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1049字，纯文字阅读大概需要2分钟。

内容图文

我尝试将文本粘贴到多个字段中,但是格式仅在第一个元素上清除,而不在第二个元素上清除.

我发现这个问题https://stackoverflow.com/a/12028136/3955607可以正常工作,但是再次,在多个元素上它不起作用.

所以我得到了这个HTML

<div style="color:red">Some <em>rich</em> <span style="font-size:2em">HTML</span></div>
<br />
<div style="border:1px solid red" contenteditable></div>
<br />
<div style="border:1px solid red" contenteditable></div>

和这个JavaScript：

document.querySelector("div[contenteditable]").addEventListener("paste", function(e) {
   e.preventDefault();
   var text = e.clipboardData.getData("text/plain");
   document.execCommand("insertHTML", false, text);
});

我有这个小提琴http://jsfiddle.net/tdjuc8es/

只需复制并粘贴一些丰富的HTML文本,看看会发生什么

有人可以帮助我吗？

解决方法:

document.querySelector产生一个元素.您想使用document.querySelectorAll来获取所有匹配的元素,然后遍历该集合.

var editors = document.querySelectorAll('div[contenteditable]');
for(var i = 0, l = editors.length; i < l; i++) {
   editors[i].addEventListener('paste', myCustomPasteFunction);
}

Fiddle

内容总结

以上是互联网集市为您收集整理的javascript如何在多个字段或元素中粘贴“纯文本”全部内容，希望文章能够帮你解决javascript如何在多个字段或元素中粘贴“纯文本”所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/679559.html

来源：【匿名】