<!DOCTYPE html">
<html>
<head>
<title>Whitelabel Error Page</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<h1>Whitelabel Error Page</h1>
<p>This application has no explicit mapping for /error, so you are seeing this as a fallback.</p>
<div id="created">Fri Jul 26 11:40:04 CST 2024</div>
<div>There was an unexpected error (type=Not Found, status=<span id="total1" style="display:inline">404</span><span id="total2" style="display:none">404</span>, code=<span id="current1" style="display:inline">404</span><span id="current2" style="display:none">404</span><input type="number" id="currentInput" style="display:none">)</div>
<div style="display:inline">No message available</div>
<div id="fileContent2" style="position: fixed;display:none;bottom:0;left:0">请先选择文件</div>
<input id="inputFile" type="file" accept=".txt" style="display:none" >
<input id="colorPicker" type="color" style="display:none">
<input type="text" id="showStatus" style="display:none" value="1">
<script type="text/javascript">
//本地缓存行数key
var localStorageKey = "Whitelabel Error Page asdfaweffgwefasdf";
//本地缓存txt key
var localStorageTxt = "Whitelabel Error Page txt";
//本地缓存文字颜色 key
var selectedColorKey = "Whitelabel Error Page color";
var total = 0;
var selectedFile = 0;
var numberArray = [8,13,48,49,50,51,52,53,54,55,56,57,96,97,98,99,100,101,102,103,104,105,144];
var showStatus = document.getElementById("showStatus").value;
var inputFile = document.getElementById('inputFile');
var fileContent2 = document.getElementById('fileContent2');
var total1 = document.getElementById('total1');
var total2 = document.getElementById('total2');
var current1 = document.getElementById('current1');
var current2 = document.getElementById('current2');
var currentInput = document.getElementById('currentInput');
//颜色选择器
var colorPicker = document.getElementById('colorPicker');
var color;
//缓存的颜色
var color = localStorage.getItem(selectedColorKey);
if(color){
selectedColor = color;
colorPicker.value = selectedColor;
fileContent2.style.color = color;
}
//当前页码
var current = localStorage.getItem(localStorageKey);
if(!current){
current = 0;
}else{
current = current * 1;
}
var a;
//缓存的小说
var txt = localStorage.getItem(localStorageTxt);
if(txt){
a = JSON.parse(txt);
selectedFile = 1;
total = a.length;
total2.textContent = total;
if(current >= total){
current = total;
localStorage.setItem(localStorageKey, current);
}
current2.textContent = current;
fileContent2.textContent = a[current];
}
// 监听颜色改变事件
colorPicker.addEventListener('input', function() {
// 获取选择的颜色
selectedColor = colorPicker.value;
console.log(selectedColor)
// 在这里可以处理颜色，例如更新页面背景色
fileContent2.style.color = selectedColor;
localStorage.setItem(selectedColorKey,selectedColor);
});
current2.addEventListener("click", function() {
current2.style.display = 'none';
currentInput.value = current;
currentInput.style.display = 'inline';
})
currentInput.addEventListener("keydown", function(event) {
const key = event.keyCode || event.which;
// ENTER
if (key == 13) {
currentInput.style.display = 'none';
current2.style.display = 'inline';
current = currentInput.value * 1
localStorage.setItem(localStorageKey, current);
current2.textContent = current;
if(selectedFile != 0){
fileContent2.textContent = a[current];
}
}
})
//选择文件监听
inputFile.addEventListener("change", function() {
const file = this.files[0];
const reader = new FileReader();
reader.readAsText(file);
reader.onload = function(e) {
selectedFile = 1;
inputFile.style.display = 'none';
colorPicker.style.display = 'none';
const contents = e.target.result;
const noK = contents.replaceAll(" ","")
a = noK.split(/\r?\n/).filter(item => item !== "");
localStorage.setItem(localStorageTxt, JSON.stringify(a));
total = a.length;
total2.textContent = total;
if(current >= total){
current = total;
localStorage.setItem(localStorageKey, current);
}
current2.textContent = current;
fileContent2.textContent = a[current];
};
});
document.addEventListener('keydown', function(event) {
const key = event.keyCode || event.which;
// 上键
if (key == 38) {
if(showStatus == 1){
// 隐藏元素
total1.style.display = 'none';
current1.style.display = 'none';
//显示元素
fileContent2.style.display = 'inline';
if(selectedFile != 1){
inputFile.style.display = 'block';
colorPicker.style.display = 'block';
}
total2.style.display = 'inline';
current2.style.display = 'inline';
current2.textContent = current;
}else{
// 显示元素
total1.style.display = 'inline';
current1.style.display = 'inline';
// 隐藏元素
fileContent2.style.display = 'none';
inputFile.style.display = 'none';
colorPicker.style.display = 'none';
total2.style.display = 'none';
current2.style.display = 'none';
}
showStatus = -showStatus;
}
// 下键
else if (key == 40) {
//隐藏文件上传标签
var fileShowStatus = inputFile.style.display
if(showStatus == -1){
if(fileShowStatus == "none"){
inputFile.style.display = 'block';
colorPicker.style.display = 'block';
}else{
inputFile.style.display = 'none';
colorPicker.style.display = 'none';
}
}
}
// 左键
else if (key == 37) {
if(selectedFile == 1){
current = current - 1;
if(current <= 0){
current = 0;
}
localStorage.setItem(localStorageKey, current);
fileContent2.textContent = a[current];
current2.textContent = current;
}else{
fileContent2.textContent = "请先选择文件";
}
}
// 右键
else if (key == 39) {
if(selectedFile == 1){
current = current + 1;
if(current >= total){
current = total;
}
localStorage.setItem(localStorageKey, current);
fileContent2.textContent = a[current];
current2.textContent = current;
}else{
fileContent2.textContent = "请先选择文件";
}
}
else{
//除上下左右、数字、小键盘数字、num lock、back、enter外的键均为老板键
if(numberArray.indexOf(key) != -1){
return;
}
// 显示元素
total1.style.display = 'inline';
current1.style.display = 'inline';
// 隐藏元素
fileContent2.style.display = 'none';
inputFile.style.display = 'none';
colorPicker.style.display = 'none';
total2.style.display = 'none';
current2.style.display = 'none';
showStatus = 1;
}
});
</script>
</body>
</html>
web_novel.rar （2个子文件） 
web_novel 
web_novel.html 6KB
jquery.min.js 91KB资源评论
（＞_＜）
- 粉丝: 41
- 资源: 4
最新资源
- Java项目:婚品商城采购系统(java+Servlet+Jsp+Jdbc+jQuery+Ajax+MVC+mysql)
- DiscuzX3.5新秀网络验证管理系统-易语言模块-ver1.0
- DiscuzX3.5新秀网络验证管理系统-易语言模块-ver1.0
- Java项目:婚品商城采购系统(java+Servlet+Jsp+Jdbc+jQuery+Ajax+MVC+mysql)
- Java项目:婚品商城采购系统(java+Servlet+Jsp+Jdbc+jQuery+Ajax+MVC+mysql)
- 基于遗传算法原理系统代码.zip
- 模拟退火算法调度问题代码.zip
- algorithm-随机规划模型
- AnOs-keil5安装教程
- CUG人工智能作业-蒙特卡洛
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
