Javascript 进入其他按钮页面的输入字段未单击提交

名为vittore的用户帮助我展示了ul的前5个li，并完美地用下一个prev按钮更改页面。问题是，还有一个输入字段，工作正常，它会转到输入的页码，但不会在提交时转到“下一步”或“上一步”按钮单击。我试着用“提交”或“按下键”来更改“模糊”，但不起作用。我想知道我们是否可以在点击回车键时进入页码，或者只需输入页码

<button id="prev" >prev</button>
<input id="page"  value="0" />
<button id="more" >next</button>


<script>
var pageSize = 5
 , ul = $('#asd')
 , pages = Math.floor(ul.find('li').length / pageSize)
 , page = 0
 , currentPage = function (i) {
     return page*pageSize <= i && i < (page + 1) * pageSize 
 }

 ul.on('pageChanged.pager', function( e ) {
  ul.find('li').hide().filter(currentPage).show();

})

$('#prev').on('click.pager', function(e) {
    page = Math.max(0, --page)
    $('#page').val(page)
    ul.trigger('pageChanged.pager')
})

$('#more').on('click.pager', function(e) {
   page = Math.min(pages, ++page)
   $('#page').val(page)
   ul.trigger('pageChanged.pager')     
})

$('#page').on('blur.pager', function(e) {
  page = Math.max(0, Math.min(pages, +$(this).val()-1))

  ul.trigger('pageChanged.pager')  
})

ul.trigger('pageChanged.pager')
</script>

prev
下一个
var pageSize=5
，ul=$（“#asd”）
，pages=Math.floor（ul.find（'li'）。长度/页面大小）
，第页=0
，currentPage=函数（i）{
返回页面*pageSize根据您的喜好，您只需将“模糊”事件更改为“更改”事件。

您应该更改此（模糊）事件：

$('#page').on('blur.pager', function(e) {
  page = Math.max(0, Math.min(pages, +$(this).val()-1))
  ul.trigger('pageChanged.pager')  
})

$('#page').on('change.pager', function(e) {
  page = Math.max(0, Math.min(pages, +$(this).val()-1))

  ul.trigger('pageChanged.pager')  
})

对于此（更改）事件：

$('#page').on('blur.pager', function(e) {
  page = Math.max(0, Math.min(pages, +$(this).val()-1))
  ul.trigger('pageChanged.pager')  
})

$('#page').on('change.pager', function(e) {
  page = Math.max(0, Math.min(pages, +$(this).val()-1))

  ul.trigger('pageChanged.pager')  
})

你能在这里提供fiddle吗？但是我改变了'page=Math.max（0，Math.min（pages，+$（this.val（）-1））'添加了-1以使其进入右侧页面，但如果输入直接进入页面，则可以删除。当您单击“下一步”按钮时，输入将从“下一步”按钮转到输入的数字+1。更改
模糊
更改
更改
更改
事件是否有任何更改为
更改
事件的结果？现在可以使用。很抱歉延迟评论。非常感谢您的回复lp。