支持手动输入页码进行跳转

src/main/webapp/WEB-INF/views/preview2.html

@@ -17,7 +17,7 @@
 			<button id="next" title="下页">
 				<i class="fa fa-arrow-right fa-lg" aria-hidden="true"></i>
 			</button>
-			<span>Page: <span id="page_index"></span> / <span
+			<span>Page: <input id="page_index" type="text"/> / <span
 				id="page_size"></span></span>
 		</div>
 

src/main/webapp/resources/css/preview2.css

@@ -30,6 +30,14 @@ button {
 	float: right;
 }
 
+#page_index {
+	width: 40px;
+	border: 0;
+	text-align: center;
+	background-color: #606060;
+	color: #fff;
+}
+
 #viewerContainer {
 	text-align: center;
 	background-color: #505050;

src/main/webapp/resources/js/preview2/app.js

@@ -39,6 +39,27 @@ $("#print").click(function() {
 	hiddenframe.contentWindow.print();
 });
 
+// 手动输入页码
+$("#page_index").keypress(function(e) {
+	var event = e || window.event;
+	// 按Enter键
+	if (event.keyCode == 13) {
+		var value = document.getElementById("page_index").value;
+		// 以非0开头的整数
+		var regExp = /^([1-9]+\d*)$/;
+		if (regExp.test(value) && value >= 1 && value <= pageSize) {
+			if (value == pageIndex) {
+				return;
+			}
+			url = url.replace(pageIndex + ".pdf", value + ".pdf");
+			pageIndex = value;
+			getDocument();
+		} else {
+			document.getElementById("page_index").value = pageIndex;
+		}
+	}
+});
+
 // 下载pdf
 $("#download_pdf").click(function() {
 	window.location = downloadUrl("pdf");
@@ -94,7 +115,7 @@ function loadPdfData() {
 function getDocument() {
 	PDFJS.getDocument(url).then(function(pdfDoc_) {
 		// 更新页码
-		document.getElementById('page_index').textContent = pageIndex;
+		document.getElementById('page_index').value = pageIndex;
 		pdfDoc = pdfDoc_;
 		// Initial/first page rendering
 		renderPage();