~添加键盘监听事件

binlyzhuo · Mar 12, 2015 · f2c0a00 · f2c0a00
1 parent 3ccf455
commit f2c0a00
Showing 1 changed file with 30 additions and 2 deletions.
diff --git a/src/Joke.Web/Views/Joke/Detail.cshtml b/src/Joke.Web/Views/Joke/Detail.cshtml
@@ -13,6 +13,34 @@
         
         $(function () {
             jokesfollow();
+
+            // 
+            $(document).keydown(function (event) {
+                //alert(event.keyCode);
+                switch(event.keyCode)
+                {
+                    case 37:
+                        var link = $("#lastJokeLink").attr("href");
+                        if ($.trim(link) != "") {
+                            window.location.href = link;
+                        }
+                        else
+                        {
+                            alert('已结束');
+                        }
+                        break;
+                    case 39:
+                        
+                        var link = $("#nextJokeLink").attr("href");
+                        if ($.trim(link) != "") {
+                            window.location.href = link;
+                        }
+                        else {
+                            alert('已结束');
+                        }
+                        break;
+                }
+            });
         });
         
         function jokesfollow() {
@@ -120,15 +148,15 @@
                     @if (nextJoke != null)
                     {
                         <em>下一篇：</em>
-                        <a href="@JokeHelper.GetJokeDetail(nextJoke.ID)" title="@nextJoke.Title">@nextJoke.Title</a>
+                        <a id="nextJokeLink" href="@JokeHelper.GetJokeDetail(nextJoke.ID)" title="@nextJoke.Title">@nextJoke.Title</a>
                     }
 
                 </span>
                 <span class="prev">
                     @if (lastJoke != null)
                     {
                         <em>上一篇：</em>
-                        <a href="@JokeHelper.GetJokeDetail(lastJoke.ID)" title="@lastJoke.Title">@lastJoke.Title</a>
+                        <a id="lastJokeLink" href="@JokeHelper.GetJokeDetail(lastJoke.ID)" title="@lastJoke.Title">@lastJoke.Title</a>
                     }
 
                 </span>