给网页加一些类似Vim的快捷键

POSTED AT: 2010-06-01 10:53:16 UTC | POSTED IN: CSS/JS/AS | 13 COMMENTS

其实很早就想加点快捷键方便一下了，这种能够增加便利性而实现起来又不复杂的功能为什么不加呢。这里http://github.com/tzuryby/jquery.hotkeys

然后是一些如此的代码

var d = $(document);

d.bind('keydown', 'j', function(){
  d.scrollTo({ top: '+=100px', left: '+=0' }, 10);
});
d.bind('keydown', 'k', function(){
  d.scrollTo({ top: '-=100px', left: '+=0' }, 10);
});

d.bind('keydown', 'g', function(){
  d.scrollTo($('#container'), 400);
});
d.bind('keydown', 'shift+g', function(){
  d.scrollTo($('#footer'), 400);
});

没javascript经验，请见量。。。

应该都能明白什么意思，只有基本的几个

  • j小向下，f大向下
  • k小向上，b大向上
  • g到顶，shift+g到底
  • shit+c写评论

如此而已，有这么些开源的代码真是方便，开源万岁

本文基于 署名-非商业性使用-禁止演绎 2.5 中国大陆 发布

TAGS:jQuery

13 COMMENTS >>LEAVE<<

  1. wayne
    >>REPLY<< wayne on 2010-06-01 at 15:34

    好吧其实我更喜欢用vrome这样的浏览器插件来

  2. netfork
    >>REPLY<< netfork on 2010-06-01 at 16:31

    有了快捷键，基本不用鼠标了，这个意义很大。
    可惜写完了没有快捷键。

  3. ABitNo
    >>REPLY<< ABitNo on 2010-06-02 at 00:02
    @wayne

    这样的插件还是太没有针对性吧

  4. ABitNo
    >>REPLY<< ABitNo on 2010-06-02 at 00:04
    @netfork

    啊，没考虑到这点，应该加上的

  5. asp
    >>REPLY<< asp on 2010-06-02 at 00:58

    ff可以试一试vimperator，还可以。。

  6. 万戈
    >>REPLY<< 万戈 on 2010-06-02 at 01:15

    不错，可是访客对这些快捷键不熟呢

  7. 阿D
    >>REPLY<< 阿D on 2010-06-02 at 02:22

    不错，很有意思。

  8. vzomik
    >>REPLY<< vzomik on 2010-06-02 at 03:15

    这个不错，终于能看懂了～

  9. willerce
    >>REPLY<< willerce on 2010-06-02 at 06:36

    貌似左右键没有添加的意义。

  10. ABitNo
    >>REPLY<< ABitNo on 2010-06-02 at 06:44
    @willerce

    是没意义，不过我没有添加左右键的啊

  11. LOO2K
    >>REPLY<< LOO2K on 2010-06-06 at 07:45

    嘿。要载入 jQuery 库吧。

  12. ABitNo
    >>REPLY<< ABitNo on 2010-06-06 at 10:09
    @LOO2K

    是啊，不过用jQuery是很广泛的吧。

    你的blog界面是越看越喜欢啊

  13. u2
    >>REPLY<< u2 on 2010-06-10 at 05:39
    @ABitNo

    恩。我也越来越喜欢了。

LEAVE A RESPONSE >>CANCEL<<

loader