無名小站相簿讀 keyboard 按鍵 javascript

無名小站相簿讀 keyboard 按鍵 javascript
無名小站相簿的上一張、下一張相片有熱鍵 zxcv 可以使用,是在 html 的 body element 上使用 onKeyUp event 讀取使用者按下的鍵,再用 document.location 換頁的。

配合 <body  OnKeyUp="keyUp(event)" >

<script language="JavaScript" type="text/javascript">
function keyUp(event)
{
  var obj;
  if(!event.shiftKey && !event.altKey && !event.ctrlKey) 
  {
        obj = document.getElementsByTagName("INPUT");
        for (i = 0; i < obj.length; i++)
        {
            if ( obj[i].name == event.srcElement.name &&
                 (obj[i].type == "text" ||
                 obj[i].type == "password")
               )
            {
                return true;
            }
        }

        obj = document.getElementsByTagName("TEXTAREA");
        for (i = 0; i < obj.length; i++)
        {
            if (obj[i].name == event.srcElement.name)
            {
                return true;
            }
        }

        if (event.keyCode == 90)
        {
            document.location = "./show.php?i=SergioParty&b=3&f=1112634886&p=0";
        }
        else if (event.keyCode == 88)
        {
                                  document.location = "./show.php?i=SergioParty&b=3&f=1112635098&p=16";
                        }
        else if (event.keyCode == 67)
        {
                                  document.location = "./show.php?i=SergioParty&b=3&f=1112635123&p=18";
                
        }
        else if (event.keyCode == 86)
        {
            document.location = "./show.php?i=SergioParty&b=3&f=1112635925&p=84";
        }
        else if (event.keyCode == 66)
        {
            document.location = "http://www.wretch.cc/album/album.php?id=SergioParty&book=3&page=1";
        }
        else if (event.keyCode == 78)
        {
                    }
        else if (event.keyCode == 83)
        {
                    }
        else if (event.keyCode == 73)
        {
                    }
        else if (event.keyCode == 77)
        {
                    }
  }
}
</script>

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

你正使用 WordPress.com 帳號留言。 登出 / 變更 )

Twitter picture

你正使用 Twitter 帳號留言。 登出 / 變更 )

Facebook照片

你正使用 Facebook 帳號留言。 登出 / 變更 )

Google+ photo

你正使用 Google+ 帳號留言。 登出 / 變更 )

連結到 %s

%d 位部落客按了讚: