|
|

楼主 |
发表于 2023-1-5 21:25
|
显示全部楼层
本帖最后由 马黑黑 于 2023-1-5 21:30 编辑
这是通过 pencil code 敲出来的代码:- <style>
- #inputbox {
- width: 600px;
- height: 360px;
- display: block;
- margin: auto;
- padding: 8px;
- border: 1px solid #ccc;
- font: normal 16px/20px sans-serif;
- }
- #showbox {
- margin: auto;
- margin-bottom: 10px;
- padding: 8px;
- border: 1px solid #ccc;
- width: 600px;
- height: 360px;
- font: normal 16px/20px sans-serif;
- white-space:pre-wrap;
- word-break: break-all;
- }
- </style>
- <div id="showbox"></div>
- <textarea id="inputbox"></textarea>
- <script>
- inputbox.oninput = () => {
- showbox.innerText = inputbox.value;
- showbox.scrollTop = inputbox.scrollTop;
- showbox.style.cssText += inputbox.clientHeight < inputbox.scrollHeight ? 'overflow-y : scroll' : 'overflow-y: auto';
- }
- inputbox.onscroll = () => showbox.scrollTop = inputbox.scrollTop;
- </script>
复制代码
|
|