js代码,贴到console里用,也就看看novel,页数按'章'拆分。
var novelArr=[];
function insert(eid) {
if(!eid){eid='body';}
$('body').append('<div id="con-div" style="position:fixed;top:90%;left:80%;z-index:1000;opacity: 0.5;font-size: 13px;"><div>'
+' <input type="file" name="file" multiple id="fileId" style="width: 85px" />'
+'<button name="btn" id="btnId" onclick="return addWord()">提交</button><button name="btn" onclick="del()">刪除</button>'
+'</div>'
+'<input id="jump" value="0" style="width: 50px"/><button type="button" onclick="jumppage(this)">jump</button>'
+'<button type="button" num="0" onclick="nextpage(this)">next</button></div>');
$(eid).append('<div style="position: fixed;top:20%;height:90px;width:300px;overflow:scroll;font-size:13px;opacity: 0.4;z-index:999999" id="novel"></div>');
$(eid).append(" <style>::-webkit-scrollbar { width: 0 !important }</style>");
//获取元素
var dv = document.getElementById('novel');
var x = 0;
var y = 0;
var l = 0;
var t = 0;
var isDown = false;
//鼠标按下事件
dv.onmousedown = function(e) {
//获取x坐标和y坐标
x = e.clientX;
y = e.clientY;
//获取左部和顶部的偏移量
l = dv.offsetLeft;
t = dv.offsetTop;
//开关打开
isDown = true;
//设置样式
dv.style.cursor = 'move';
}
//鼠标移动
window.onmousemove = function(e) {
if (isDown == false) {
return;
}
//获取x和y
var nx = e.clientX;
var ny = e.clientY;
//计算移动后的左偏移量和顶部的偏移量
var nl = nx - (x - l);
var nt = ny - (y - t);
dv.style.left = nl + 'px';
dv.style.top = nt + 'px';
}
//鼠标抬起事件
dv.onmouseup = function() {
//开关关闭
isDown = false;
dv.style.cursor = 'default';
}
}
function addWord(){
var objFile = document.getElementById("fileId");
if(objFile.value == "") {
alert("txt不能空")
return false;
}
var files = $('#fileId').prop('files'); //获取到文件列表
console.log(files.length);
if(files.length == 0 || files.length > 1) {
alert('请选择一个文件');
return false;
} else {
for(var i = 0; f = files[i]; i++) {
var reader = new FileReader(); //新建一个FileReader
reader.readAsText(files[i], "UTF-8"); //读取文件
reader.onload = function(evt) { //读取完文件之后会回来这里
var fileString = evt.target.result; // 读取文件内容
novelArr=fileString.split(/章/g);
$("#novel").html(novelArr[0]);
/* var intervel=setInterval(function(){ //定时
document.getElementById('novel').scrollTop+=10;
},1000) */
}
}
return false;
}
}
function jumppage(e){
$("#novel").html(novelArr[Number($(e).prev().val())])
$(e).next().attr("num",Number($(e).prev().val()));
document.getElementById('novel').scrollTop=0
}
function nextpage(e){
var cur=Number($(e).attr("num"));
$("#novel").html(novelArr[cur+1]);
$(e).attr("num",cur+1);
$(e).prev().prev().val(cur+1);
document.getElementById('novel').scrollTop=0
}
function del() {
$("#novel").remove();
$("#con-div").remove();
}
insert();