Angujarjs Image Silider keypress bind not working and

我使用google材質製作了angularjs中的圖像滑塊。我滑塊工作，但我有兩個問題Angujarjs Image Silider keypress bind not working and

我無法綁定按鍵
我的圖片滑動，但兩側在一起，幾秒鐘後，然後先躲

一些代碼在這裏

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

和全codepen是https://codepen.io/milindsaraswala/pen/yJaYpe

有人幫忙，可能是什麼問題。

來源

2016-06-19 Milind

首先，它應該是$ event.keyCode。其次，我得到了很多其他錯誤在你的筆 – gaurav5430

@ gaurav5430錯誤只是圖像沒有別的 – Milind

也，你在哪裏把ng-keyup，以便你的onkeyup函數被調用？ – gaurav5430

好吧，有幾件事情你需要改變。

首先，你應該知道keypress/keydown只能用於可以獲得焦點的元素（如輸入元素）。

要做到這一點就是要在你的元素上指定tabindex。 AngularJS ng-keydown directive only working for <input> context?

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

其次，你需要使用keyup事件，而不是按鍵，因爲它似乎按鍵已被棄用。

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

console.log正在呼籲keypress現在（不知道你的邏輯是工作或沒有）

您需要在滑塊上點擊一次關注它（或使用鍵盤重點）

來源

2016-06-19 16:34:34 gaurav5430

Angujarjs Image Silider keypress bind not working and

回答

相關問題