我正在尝试使用此功能使滚动条停留(Tampermonkey,在网站上:'https://dictation.io/speech'):
setInterval(function() {
document.getElementsByClassName('ql-editor').scrollTop = document.getElementsByClassName('ql-editor').scrollHeight;
}, 500);
它曾在其他网站上运作过。
我已经修改了文本框的高度,所以当有足够的文本时会出现这个滚动条:
div.notepad {
height : 771px;
}
我试过这样做:
setInterval(function() {
document.getElementById("speech").scrollTop = document.getElementById("speech").scrollHeight;
}, 500);
这个(使它只读,但它也不起作用):
document.getElementById("speech").readOnly = true;
document.getElementsByClassName("ql-editor").readOnly = true;
我只是想保持滚动条始终向下。我尝试了所有可能的ID和类名。它在另一个网站上运行得非常好(文本框是这样的:<textarea class="-metrika-nokeys" name="docel" id="docel" style="width: 100%;" cols="80" rows="20" spellcheck="true"></textarea>
)。但是对本网站的文本框没有任何影响。感谢您提前帮助!
附:问题是普遍存在的。这段代码(当它是“.ql-editor”而不是“#speech”)也不起作用:
var input = document.querySelector('#speech');
var textarea = document.querySelector('#speech');
var reset = function(e) {
var context = this;
setTimeout(function() {
var len = context.value.length;
context.setSelectionRange(len, len);
}, 100);
};
input.addEventListener('copy', reset, false);
textarea.addEventListener('copy', reset, false);
我能够通过创建一个textarea,从div复制文本,并将所有这些函数应用到该textarea来解决它(可能不是最好的解决方案)。这是代码:
创建textarea:
var div = document.getElementById("speech");
var input = document.createElement("textarea");
input.setAttribute("id", "normaltext");
input.name = "post";
input.cols = "80";
input.rows = "2";
div.appendChild(input); //appendChild
复制从div到textarea的所有内容:
setInterval(function copyText() {
$("#normaltext").val($(".ql-editor").text());
}, 100);
应用功能:
var input1 = document.querySelector('#normaltext');
var textarea1 = document.querySelector('#normaltext');
var reset = function(e) {
var context = this;
setTimeout(function() {
var len = context.value.length;
context.setSelectionRange(len, len);
}, 100);
};
input1.addEventListener('copy', reset, false);
textarea1.addEventListener('copy', reset, false);
setInterval(function() {
document.getElementById("normaltext").scrollTop = document.getElementById("normaltext").scrollHeight;
}, 500);
这对我有用,但也许有人会提出更好的解决方案。