Question

我使用google材料在angularjs中创建了图片滑块。我的滑块工作但我有两个问题

我无法绑定keypress
我的图像正在滑动，但两面都在一起，然后在几秒钟后首先隐藏

有些代码在这里

$scope.onKeyUp = function (keyCode) {
                console.log("I am here;")
                if (keyCode === LEFT_ARROW) {
                    $scope.prevSlide;
                } else if (keyCode === RIGHT_ARROW) {
                    $scope.nextSlide;
                }
            }

并且完整的代码是https://codepen.io/milindsaraswala/pen/yJaYpe

请有人帮忙，可能是什么问题。

Answer 1

好的，您需要更改一些内容。

首先，您应该知道keypress / keydown只适用于可以获得焦点的元素（如输入元素）。

执行此操作的方法是在元素上指定tabindex。 AngularJS ng-keydown directive only working for <input> context?

<div class="slider" tabindex="0" ng-keyup="onKeyUp($event)"  flex></div>

其次，您需要使用keyup事件而不是keypress，因为似乎不推荐使用keypress。

这是更新的codepen。 https://codepen.io/gaurav5430/pen/xOEXzG/

现在正在调用console.log keypress（不确定您的逻辑是否正常工作）

您需要在滑块上单击一次以对焦（或使用键盘进行对焦）

Angujarjs Image Silider按键绑定无法正常工作

1 个答案: