繁体   English   中英

Firefox XUL文本框:如何滚动到底部?

[英]Firefox XUL textbox: How to scroll to the bottom?

我正在使用Firefox扩展程序,并且已经创建了多行文本框。 当用户按下按钮时,我使用(Javascript)TextBoxElement.value + =“ More Text”将文本添加到文本框;

此代码的问题在于,每当添加更多文本时,文本框就会一直滚动到顶部。 经过大量测试,我还没有弄清楚如何使其再次滚动到最底端。 由于某些原因,scrollTop属性始终为0,并且对其进行设置不会影响滚动条。

有什么方法可以将滚动条设置回文本框的底部?

我的扩展程序的目的是嵌入一个小的聊天框。 我正在使用文本框存储聊天记录。 也许使用文本框不是最有效的方法,所以任何其他建议也都很好。

Chatzilla上的某人帮助了我。 谢谢!

无论如何,这是解决方案:

var TextBoxElement = <TextBoxElement>;
var ti = document.getAnonymousNodes(TextBoxElement)[0].childNodes[0];
    ti.scrollTop=ti.scrollHeight;

另一个解决方案是将插入符号移动到文本框内容的末尾。 插入符号由selectionStartselectionEnd属性(可以设置或获取)控制。

这是示例代码:

var TextBoxElement = document.getElementById("myTextboxId");
var pos = TextBoxElement.value.length;
TextBoxElement.selectionStart = pos;
TextBoxElement.selectionEnd = pos;

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM