jQuery插件---键盘快捷键.

Jatula

浏览: 278416 次
性别:
来自: 深圳

最近访客更多访客>>

stephenworld

tiejiumei

decider

zcjlq

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

拾人精华

jQuery JavaScript json Safari Opera

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=gbk" />

<title>
shortKeys jQuery plug-in
</title>
<style>
*{
font-size:14px;
}
</style>

<script type="text/javascript" src="http://www.cssrain.cn/demo/JQuery+API/jquery-1[1].2.1.pack.js"></script>

<script src=http://www.cssrain.cn/demo/jquery-quickkey/jquery.shortkeys.js type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
      $(document).shortkeys({
'N':          function () { $('#try_me').append('N<br />'); },
'M':          function () { $('#try_me').append('M<br />'); },
'Space':      function () { $('#try_me').append('Space<br />'); },
'V':          function () { $('#try_me').append('V<br />'); },
't+y':        function () { $('#try_me').append('T+Y<br />'); },
't+u':        function () { $('#try_me').append('T+U<br />'); }
      });
    });
</script>

</head>

    <div id="light" class="clear">
        <div class="clear">
     <div id="body" class="layout_main">
                <h3>shortKeys jQuery plug-in</h3>

<h3 id="examples">Examples</h3>

<p>输入以下键:</p>

<ul>
<li>n</li>
<li>m</li>
<li>Space</li>
<li>v</li>
<li>t and y</li>
<li>t and u</li>
</ul>

</div>

<div class="code">
$(document).shortkeys(json_obj, options);
</div>
<p>or</p>
<div class="code">
$(document).keys(json_obj, options);
</div>

<dl>
<dt>split</dt>
<dd>String to split keystring into separate keys</dd>
<dd class="default">default: '+'.</dd>

<dt>moreKeys</dt>
<dd>For adding more keys to the database.</dd>
<dd class="default">takes: { 'Keystring': keyCode } e.g. { 'Space': 32, '.': 190 } default: {}</dd>
</dl>

<ul>
<li>Won't work with Shift, Alt, Ctrl keys in Safari </li>
<li>Some clashes with browser shortcuts, especially in Opera</li>
</ul>

            </div>

        </div>
   </div>
   <div id="dark" class="clear">

</div>

</body>
</html>

分享到：

MyEclipse blue 6注册算法类 | Jar打包 fat jar

2008-12-01 10:51
浏览 2250
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论