用Keypress分页(右箭头键)

时间:2017-02-15 08:01:48

标签: pagination keypress

我在分页计数器中遇到一个问题,我正在使用yii2分页,在按键时它会转到另一页,http://localhost/web/index.php?r=test/page=1 所以我需要在上面的网址中增加页面值 我已经这样做但是它不起作用,值只增加一次,我需要增加每个页面的值

<script type="text/javascript">
var val = 1;
$(document).keydown(function (event) {
  val++
    if (event.keyCode == '39') {
        window.location.href = "localhost/web/index.php?r=test/page="+ val;
    }
});

</script>

请提出一些建议,非常感谢。

2 个答案:

答案 0 :(得分:1)

您似乎在每个页面上将页码(val)定义为1,因此当您单击右箭头时,它每次都会将您发送到第2页。您需要先获取查询参数page以确定val的值。以下是使用vanilla javascript How can I get query string values in JavaScript?获取查询参数的示例。

您也在按下任何按钮时递增页数,看起来它应该在右箭头键码条件内。

答案 1 :(得分:0)

当然,这不会起作用,因为你指定&#34; 1&#34;到&#34; val&#34;。所以在keydown之后,&#34; val&#34;应始终是&#34; 2&#34;。您需要将页码存储在其他位置,例如,从URL获取;

var pageNumber = getParameter('page');
$('document').on('keydown', function(event){
    if(event.keyCode === 39) && window.location.href = ......
})