scrollTop 输出而不是设置？

Question

我正在使用 http://snippets.dzone.com/posts/show/4973< 中的一些 JavaScript /a> 及其下方的 scrollTop 建议，创建一个书签，用于将预设文本字符串插入 Blogger 的新帖子 textarea 中。代码如下所示：

//IE support
if (document.selection) {
    myField.focus();

    //in effect we are creating a text range with zero
    //length at the cursor location and replacing it
    //with myValue
    sel = document.selection.createRange();
    sel.text = myValue;

//Mozilla/Firefox/Netscape 7+ support
} else if (myField.selectionStart || myField.selectionStart == '0') {

    myField.focus();
    //Here we get the start and end points of the
    //selection. Then we create substrings up to the
    //start of the selection and from the end point
    //of the selection to the end of the field value.
    //Then we concatenate the first substring, myValue,
    //and the second substring to get the new value.
    var startPos = myField.selectionStart;
    var endPos = myField.selectionEnd;
    myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
    myField.setSelectionRange(endPos+myValue.length, endPos+myValue.length);
} else {
    myField.value += myValue;
}

}

下面的建议是：

//add this to the start of function
textAreaScrollPosition = myField.scrollTop;

//add this to end of the function
myField.scrollTop = textAreaScrollPosition;

scrollTop 建议在 Firefox 中失败，而是用 textAreaScrollPosition 的值替换浏览器中的当前页面。

我将其添加到书签的夹层版本的前面：

javascript:var myField=document.getElementById('postingHtmlBox');var myValue='lol';

总而言之，它是这样的：

javascript:var myField=document.getElementById('postingHtmlBox');
var myValue='lol';
var textAreaScrollPosition=myField.scrollTop;
if(document.selection){myField.focus();
sel=document.selection.createRange();
sel.text=myValue;
}else if(myField.selectionStart||myField.selectionStart=='0'){myField.focus();
var startPos=myField.selectionStart;
var endPos=myField.selectionEnd;
myField.value=myField.value.substring(0,startPos)+myValue+myField.value.substring(endPos,myField.value.length);
myField.setSelectionRange(endPos+myValue.length,endPos+myValue.length);
}else{myField.value+=myValue;
}myField.scrollTop=textAreaScrollPosition;

不过，没有换行符。

我连 JS 奇才都不如。我只是想帮助一位不懂技术的朋友用 Blogger 做一些有点复杂的事情。有什么想法吗？

编辑：除了添加原始页面检测和用提示框替换预设文本之外，我还可以通过添加 myField.focus(); 来解决原始问题结束：

javascript:if(document.getElementById('postingHtmlBox')){var myField=document.getElementById('postingHtmlBox');
var myValue=prompt('Insert text here.');
var textAreaScrollPosition=myField.scrollTop;
if(document.selection){myField.focus();
sel=document.selection.createRange();
sel.text=myValue;
}else if(myField.selectionStart||myField.selectionStart=='0'){myField.focus();
var startPos=myField.selectionStart;
var endPos=myField.selectionEnd;
myField.value=myField.value.substring(0,startPos)+myValue+myField.value.substring(endPos,myField.value.length);
myField.setSelectionRange(endPos+myValue.length,endPos+myValue.length);
}else{myField.value+=myValue;
}myField.scrollTop=textAreaScrollPosition;
myField.focus();
};

不确定最后一个分号是否是绝对必要的，但是哦，好吧，解决方案！

Answer 1

您的书签可能太长，无法放入书签。一个选项是使用动态脚本标签：

javascript:document.body.appendChild(document.createElement('script')).setAttribute('src','http://mysite/myscript.js')

其中 myscript.js 是执行该工作的实际脚本。

如果您将其保留为独立的书签，请务必用花括号将整个内容（在“javascript:”之后）括起来。

Answer 2

根据编辑的问题，在末尾添加 myField.focus(); 解决了问题。