javascript - 在 TextArea 中上下滚动

Question

在TextArea中是否有向上滚动和向下滚动的特定功能。当在 TextArea 中向上/向下滚动时触发“onscroll”。

此外，如何转到文本区域最后一行之后的新行并在向下单击(滚动)时放置“破折号”(--)。谢谢。

Answer 1

我可能是错的，但据我了解，您正在寻找一个实际上以编程方式为您滚动文本区域的函数。如果这是正确的，则以下工作:

var scrollUp = function(elementId) {
    "use strict";
    var element = document.getElementById(elementId);
    element.scrollTop = 0;
};

var scrollDown = function(elementId) {
    "use strict";
    var element = document.getElementById(elementId);
    element.scrollTop = element.scrollHeight;
};

请参阅此处的 jsFiddle 示例:http://jsfiddle.net/WnHpj/3/

如果您愿意，当然可以使用 scrollTop 以较小的增量移动滚动条。

我真的不明白你最后一个问题在找什么，如果你仍然需要帮助，请进一步解释。

编辑

破折号...添加此功能:

var addDashes = function(elementId) {
    "use strict";
    var element = document.getElementById(elementId);
    if(element.value.substring(element.value.length - 4, element.value.length) !== "\n--\n") {
        element.value = element.value + "\n--\n";
        element.focus();
    }
};

查看更新后的 jsFiddle 示例:http://jsfiddle.net/sQVe/WnHpj/7/

希望这就是你想要的。