1:设置文本字段的视觉焦点 | 2:处理字符偏移量(JAVASCRIPT)

发布于 2024-10-28 12:39:04 字数 637 浏览 1 评论 0原文

首先,我使用 chrome,但它应该可以在 firefox 上工作。不在 IE 上。

我目前正在开发一个个人项目,所以没有什么大不了的,这个想法是为网页制作一个非常简单的 js 文本编辑器,您可以单击页面中的任何“p”元素,然后将打开一个文本字段(不是区域),其中包含单击的元素的值。文本字段中的光标恰好位于用户在文本中单击的位置。他还可以选择一个单词或一个句子。

我几乎完成了开发部分,遇到了很多故障排除,这个论坛、其他人和谷歌对我帮助很大,但我仍然有两个问题。

第一个是,当您单击文本时,光标会转到文本字段中的正确位置,但文本字段如果包含比宽度长的字符串,则不会滚动到正确的位置。

第二个是当您在“p”元素中选择文本的一部分时,脚本会在鼠标向上时在所选文本周围添加粉红色背景“span”,我还删除了鼠标按下时的最后一个跨度,因此在鼠标之前向上。但是startoffset和endoffset将从span的末尾开始计算,而不是从'p'的开头

我不知道你是否理解一切,我没有正确的词汇而且我是法国人......

无论如何, 谢谢 !

检查一下:http://jsfiddle.net/ilycode/KBnKc/4/

First of all, I work with chrome, but it should work on firefox. not on IE.

I'm curently working on a pesonal project, so no ruch, the idea is to make a very simple js text editor for webpage, you can click any 'p' element in a page and a textfield(not area) will open containing the value of the clicked element. The cursor in the text field goes exactly where the user clicked in the text. He can also select a word or a sentence.

I've almost finish the dev part, had many troubleshooting, this forum, others and goolgle as helped me a lot but still I have two problems.

The first one would be that when you click the text the cursor goes to the right place in the text field, but the text field if contain longer string than width doesn't scroll to the right place.

The second one is when you select a part of the text in the 'p' element, the script add a pink background 'span' arround the selected text on mouse up, I also remove the last span on mouse down, so before the mouse up. But the startoffset and endoffset will start couting from the end of the span, not the begining of the 'p'

I don't know if you understand everything, I don't have the right vocabulary and I'm french...

Anyway, thanks !

CHECK IT THERE : http://jsfiddle.net/ilycode/KBnKc/4/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文