元素
var tabLeft = document.querySelector("div.tab-left");
// 在
元素的末尾插入新内容
tabLeft.insertAdjacentHTML('beforeend', _html);
// 绑定点击事件到指定的元素
document.querySelector("#next5000").addEventListener("click", handleNext);
document.querySelector("#previous5000").addEventListener("click", handlePrevious);
}, 3000); // 得延时一下，不然会添加不上事件监听，不知道为什么
var maxCharsPerClick = 5000; // 每次点击最多读取的字符数
var currentIndex = 5000; // 当前读取的索引
function handleNext() {
// 确保还有剩余的字符可以读取
if (currentIndex + maxCharsPerClick <= savePaste.length) {
} else {
// 如果已经没有更多字符可以读取，可以提醒用户
// alert("已经没有更多内容可以显示了。"); // 有道把alert赋值为空了
console.log("已经没有更多内容可以显示了。");
}
// 计算从当前索引到最大索引之间的字符串
var fragment = savePaste.substring(currentIndex, currentIndex + maxCharsPerClick); // 超过字符串长度也不会报错，所以就不管了
// 将片段显示在页面上，这里假设有一个元素用来显示文本
document.querySelector("#js_fanyi_input").innerText = fragment;
document.querySelector("#js_fanyi_input").dispatchEvent(new InputEvent("input"));
// 更新当前索引，为下一次点击准备
currentIndex += maxCharsPerClick;
}
function handlePrevious() {
// 确保还有剩余的字符可以读取
if (currentIndex - maxCharsPerClick >= 5000) {
// 计算从当前索引往前的字符串
var startIndex = Math.max(0, currentIndex - 2 * maxCharsPerClick);
var fragment = savePaste.substring(startIndex, currentIndex - maxCharsPerClick);
// 将片段显示在页面上，这里假设有一个元素用来显示文本
document.querySelector("#js_fanyi_input").innerText = fragment;
document.querySelector("#js_fanyi_input").dispatchEvent(new InputEvent("input"));
// 更新当前索引，为下一次点击准备
currentIndex -= maxCharsPerClick;
} else {
// 如果已经没有更多字符可以读取，可以提醒用户
console.log("已经到达文本的开头。");
}
}