数码资讯
基于jQuery的键盘密钥监控
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
文章从NetTuts很好。它们和闪光灯产生的非常相似。这里的演示非常清楚原文的实现步骤。我不多说。实现效果的逻辑比较简单,就是slideDown()方法。
jQuery slideDown()方法实现滑动效果。
复制代码代码如下所示:
显示一个给定的元素并隐藏所有其他元素
功能showviakeypress(element_id)
{
$(容器)。Css()
(element_id美元)。SlideDown(慢);
}
显示正确的DIV根据链接 / / 'href
功能showvialink(阵列)
{
array.each(功能(我))
{
$(this)Click(函数())
{
VaR目标=美元(这)。Attr(href);
$(容器)。Css()
$(目标),SlideDown(慢);
});
});
}
键盘击键监控按键()方法。其实,这并不难。然而,我们很少在页面上使用键盘监视。这个例子很新,值得我们参考。如果有必要,可以在项目中使用。
复制代码代码如下所示:
$(document)。Keypress(功能(E))
{
开关(e.which)
{
按下用户
案例97:showviakeypress(#家);
打破;
用户按下键
案例115:showviakeypress(#约);
打破;
用户按d键
案例100:showviakeypress(#接触);
打破;
用户按F键
案例102:showviakeypress(#奖);
打破;
用户按G键
案例103:showviakeypress(#链接);
}
});
jQuery slideDown()方法实现滑动效果。
复制代码代码如下所示:
显示一个给定的元素并隐藏所有其他元素
功能showviakeypress(element_id)
{
$(容器)。Css()
(element_id美元)。SlideDown(慢);
}
显示正确的DIV根据链接 / / 'href
功能showvialink(阵列)
{
array.each(功能(我))
{
$(this)Click(函数())
{
VaR目标=美元(这)。Attr(href);
$(容器)。Css()
$(目标),SlideDown(慢);
});
});
}
键盘击键监控按键()方法。其实,这并不难。然而,我们很少在页面上使用键盘监视。这个例子很新,值得我们参考。如果有必要,可以在项目中使用。
复制代码代码如下所示:
$(document)。Keypress(功能(E))
{
开关(e.which)
{
按下用户
案例97:showviakeypress(#家);
打破;
用户按下键
案例115:showviakeypress(#约);
打破;
用户按d键
案例100:showviakeypress(#接触);
打破;
用户按F键
案例102:showviakeypress(#奖);
打破;
用户按G键
案例103:showviakeypress(#链接);
}
});
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。