2014-12-12 2 views
0

У меня есть следующая кнопка и тег ввода, пользователь может ввести номер страницы на вход и нажать Enter, чтобы перейти на страницу, каждая страница - это изображение,Введите ключевое слово и нажмите изображение обновления события, т. Е. 7

как:

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

, как вы можете видеть только defference является URL, когда updateing страницы, я не обновлять атрибуты в исходных текстах, но изменить весь IMG тег.

проблема заключается в том, что если я введу 2 во входном теге и нажимаю enter, изображение будет обновлено успешно, но когда я нажму следующую кнопку, изображение просто отобразит белый фон, неважно, сколько времени я жду, это не будет отображаться изображение.

Событие ввода keydown и событие click точно совпадают. Но я отмечаю, что при использовании ввода для страницы обновления после нажатия клавиши ввода будет курсор рядом с указателем мыши, но при нажатии следующей кнопки нет.

любая идея, почему ???

код:

<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) 
      } 
     } 
    }, 
+0

Можете ли вы на самом деле показать код? – epascarello

+0

пожалуйста, подождите – paynestrike

+0

обновленный код! – paynestrike

ответ

0

Изменить

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

в

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

еще не работает; однако я просто узнаю, что если я добавлю предупреждение (1) в последнюю строку функции загрузки, он всегда будет работать, почему? – paynestrike

+0

oh мой плохой, когда я тестирую ваш код, я не менял href на «#», ваш код отлично работает, большое вам спасибо. и, пожалуйста, помогите мне понять, почему href = "javascript :;" не работает – paynestrike

Смежные вопросы