我正在为 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");
}
}
所以,我需要在按键“左”或“右”的模型之间切换(我的代码中的警报)。