Question

我有一个下一个按钮和一个输入标签，用户可以在输入中输入页码，然后按回车键跳转到页面，每页都是一个图像，

像：

<img src="http://someurl.com/1_1.emf" >   // first page
<img src="http://someurl.com/2_1.emf" >   // second page

正如您所看到的唯一的defference是url，在更新页面时，我没有更新src属性，而是更改了整个img标记。

问题是，如果我在输入标签中输入2并按Enter键，图像会更新成功，但是当我单击下一个按钮时，图像只显示一个白色背景，无论我等多久它都不会呈现图像。

enter keydown事件和click事件完全相同。但是我注意到当使用输入更新页面时，在点击回车后，鼠标指针旁会有一个加载圈，但是当点击下一个按钮时，就有＆＃39;吨。

任何想法为什么???

代码：

<input type="text" class="currentPage" id="docCurrentPage" value="1" onfocus="this.className='currentPage_focus'" onkeydown="jumpToPage(event,this.value)" onblur="this.className='currentPage'" />

window.jumpToPage = function(event, value) {
    var charCode = (event.which) ? event.which : event.keyCode;
    if (charCode == 13) {
        var num = parseInt(value);
        var totalPage = parseInt(doc.options.pageCount)
        if (num != 0 && num <= totalPage) {
            // doc.download(num)
            doc.download.apply(doc,[num])
        } else {
            doc._node.docPager.val(doc.currPage)
        }
    }
}


<a id="nextBtn" class="doc_right" onclick="openDocNextPage()" href="javascript:;" ></a>

openDocNextPage = function() {
    if (!doc.isLastPage()) {
        var totalPage = parseInt(this.options.pageCount);
        var pageNum = parseInt(this.currPage) + 1;
        if (pageNum != totalPage + 1) {
             this.download(pageNum);
        }
    }
}

 download: function(pageNum) {
        // debugger;

        if (pageNum != this.tempPage) {
            this.tempPage = pageNum || 1;
            if (this.options.id) {
                if (this.docType === 'emf') {
                    if (!this.downloading) {
                        this.getDoc(pageNum)
                    }
                } else if (this.docType === 'txt') {
                    this.loadDoc(this.getUrl(pageNum))
                    this.updatePageNum(pageNum)
                }
            } else {
                this.loadDoc(this.getUrl(pageNum))
                this.updatePageNum(pageNum)
            }
        }
    },

Answer 1

更改

<a id="nextBtn" class="doc_right" onclick="openDocNextPage()" href="javascript:;" ></a>

到

<a id="nextBtn" class="doc_right" onclick="openDocNextPage(); return false;" href="#" ></a>

输入keydown并单击ie中的事件更新图像

1 个答案: