通过asp.net mvc中的keybord在模型之间切换

Question

我正在为Orchard CMS编写模块。我有几个元素的投影？每个元素都有自己的javascript弹出窗口，单击“弹出”按钮后会出现。

如何通过键盘箭头在弹出窗口之间切换？每个弹出窗口都从它自己的模型中获取数据。

型号：

<div id="marketpart">
<img src="@(new HtmlString("/Media/Catalog/" + @Model.Path))" alt = "no image" width="200px" height="150px"/><br />
@T("ProductName -") @Model.Name<br />
@T("Art - ") @Model.Art<br />
@T("Packing - ") @Model.Packing<br />
@T("Country - ") @Model.Country<br />
@T("Price - ") @Model.Price<br />

<div id="@Model.Art" class="popup">
<img src="@(new HtmlString("/Media/Catalog/" + @Model.Path))" alt = "no image" width="200px" height="150px"/><br />
@T("Name - ") @Model.Name<br />
@T("Art - ") @Model.Art<br />
@T("Price - ") @Model.Price<br />
@T("Packing - ") @Model.Packing<br />
@T("Country - ") @Model.Country<br />
<button onclick="closePopup('@Model.Art');" class="price"></button>

JS：

function showPopup(id) {
var popup = document.getElementById(id);
popup.style.display = 'block';
}

function closePopup(id) {
var popup = document.getElementById(id);
popup.style.display = 'none';
}

document.onkeydown = checkKeycode
function checkKeycode(e) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
if (keycode == 37) {
    alert("left");
}
if (keycode == 39) {
    alert("right");
}
}

所以，我需要在模型中切换“左”或“右”（在我的代码中发出警报）。