在TextArea中上下滚动

时间:2012-08-20 07:00:01

标签: javascript jquery html html5 xhtml

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

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

2 个答案:

答案 0 :(得分:2)

我可能错了,但据我所知,你是在一个函数之后,实际上以编程方式为你滚动textarea。如果这是正确的,则以下工作:

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/

希望这就是你想要的。

答案 1 :(得分:1)

$("#textbox").scroll(function(e){
 //this happens when there is a scrolling action in your element
})