c# - asp.netmvcのキーボードを介してモデルを切り替える

Question

OrchardCMSのモジュールを書いています。いくつかの要素を持つプロジェクションがありますか？各要素には独自の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");
}
}

したがって、キーが「左」または「右」に押されたモデルを切り替える必要があります（コード内のアラート）。