有没有办法将两个textarea元素"链接"到相同的本机输入事件?我知道我可以将一个的value设置为另一个的value;并且读到这可以用一个也是CSS tricks的伪元素来完成,但是每个方法似乎都在每个键事件上将整个字符串从"活动的"文本区域重写到"复制"文本区域.

有没有一种方法可以像文本编辑器中同一文件的拆分视图一样将它们链接起来?我真的不知道这在文本编辑器中是如何工作的,但我一直在拆分视图中处理一些大文件,他们更新每个关键事件的完整内容,而不是仅仅将它们链接在一起,这似乎很奇怪.

谢谢你考虑我的问题.

推荐答案

有没有办法将两个文本区域元素"链接"到相同的本机输入事件?

不需要,您需要自己添加这样的逻辑(或者使用类似CodeMirror的库)

我真的不知道这在文本编辑器中是如何工作的,但我一直在拆分视图中处理一些大文件,他们更新每个关键事件的完整内容,而不是仅仅将它们链接在一起,这似乎很奇怪.

是的,他们可能有一些更先进的技术.对于高级用户界面,您大多数时候都有类似于模型-视图-控件(或类似)的概念.其中,您可以有多个视图,而这些视图只被告知已更改的内容.

所有在"HTML"中执行拆分查看/镜像的方法可能不使用<textarea>,而是使用contenteditable,因为您获得的关于textarea中更改的信息非常有限,您基本上只能获得某些更改的信息,而不是在哪里和更改了什么.

对于contenteditable,您可以使用MutationObserver来将更改从一个contenteditable传递到另一个contenteditable,但是逻辑仍然需要您来完成.

我知道我可以将其中一个的价值设定为另一个的价值

这基本上是你<textarea>岁的唯一 Select .

Javascript相关问答推荐

为什么在获取回调内设置状态(不会)会导致无限循环?

使用typeof运算符获取对象值类型-接收字符串而不是数组

如何在使用fast-xml-parser构建ML时包括属性值?

fs. writeFile()vs fs.writeFile()vs fs.appendFile()

Plotly热图:在矩形上zoom 后将zoom 区域居中

Angular中计算信号和getter的区别

为什么我的列表直到下一次提交才更新值/onChange

setcallback是什么时候放到macrotask队列上的?

XSLT处理器未运行

Html文件和客户端存储的相关问题,有没有可能?

更改预请求脚本中重用的JSON主体变量- Postman

覆盖加载器页面避免对页面上的元素进行操作

获取';无法解决导入和导入";slick-carousel/slick/slick-theme.css";';错误

JS Animate()方法未按预期工作

无法重定向到Next.js中的动态URL

如何更改Html元素S的 colored颜色 ,然后将其褪色为原始 colored颜色

JavaScript&;Reaction-如何避免在不使用字典/对象的情况下出现地狱?

如何在Jest中模拟函数

使用静态函数保存 node 前的钩子

如何处理不带参数的redux thunk payloadCreator回调函数?