wordpress 实现 Ctrl+Enter 快捷发表留言

以前逛论坛逛多了，发表帖子写完后很熟练地按下 Ctrl+Enter ，就把帖子发出去了！迅速转向别的“战场”！现在喜欢到别人的博客上去踩踩，遇到自己感兴趣的就想写几句，写完后竟也不自觉地按下了 Ctrl+Enter ，当然 WP 不是 Discuz ，并没有默认这个小快捷键。于是不得不再去用鼠标点下 submit 。当然，也有蛮多的 WP 博客有这个功能，想想应该也不能实现，能获取到键盘的输入就OK了，于是去 Google 了一下，找到了如下的两种方法：

1、使用 Comments Shortcut Plugin 插件。

这个功能居然还有个插件，当然使用也很简单，下载启用后再后台设置一下就OK！要设置 Text Box ID 和 Submit bottom ID ，然后是要快捷键代码和要显示的提示文字，不过一般用默认就可以了。

点此下载

2、JS代码实现

为了这么个小功能再加个插件有点夸张了。其实只要一小段JS就可以实现了！来看下这段JS代码：

下载: code.js
document.getElementById("comment").onkeydown = function (moz_ev)
        {
                var ev = null;
                if (window.event){
                        ev = window.event;
                }else{
                        ev = moz_ev;
                }
                if (ev != null && ev.ctrlKey && ev.keyCode == 13)
                {
                        document.getElementById("submit").click();
                }
        }

将上面这段代码另存为一个JS文件，在博客页面中引用就可以了，或是直接加在博客已经引用的JS文件的后面，推荐后者，这么点的代码再用一个JS文件太“奢侈”了，呵呵！而且增加请求数，博客中的 JS 和 CSS 最好都分别合并为一个文件最好！最后别忘了在 Submit 按钮上加上 （Ctrl+Enter）！

3、大家还有什么好方法可以推荐下，大家也一起学习下了！！

Posted in Wordpress Tagged , ,
Share with Del.icio.us Google书签 Digg Live Bookmark Technorati Furl Yahoo书签 Facebook 百度搜藏 新浪ViVi 365Key网摘 天极网摘 和讯网摘 博拉网 POCO网摘 添加到饭否 QQ书签 Digbuzz我挖网

相关文章本月热门点击排行

  • N/A
Post a comment 2008/11/15 – 00:243,910 Views
Post a comment | Trackback URL | RSS Comments 41 Comments
  1. 2008/11/15 at 10:01 | #1
    醉倚西风Notify

    感觉这个不适用啊
    呵呵
    我去试试

  2. 2008/11/15 at 10:17 | #2
    xiaorszNotify

    @醉倚西风 不适用？ :?: 不适用你还去试试？ :grin:

  3. 2008/11/15 at 11:02 | #3
    NickyYeNotify

    感觉确实很有用
    我来试一下，哈哈

  4. 2008/11/15 at 11:22 | #4
    久酷Notify

    嗯，是啊，最好少用插件！插件用多了真是会影响速度啊！呵

  5. 2008/11/15 at 11:28 | #5
    *星少Notify

    @久酷 我用yo2的博客，速度时快时慢的 :neutral:

  6. 2008/11/15 at 11:32 | #6
    久酷Notify

    @*星少 yo2.cn我在上面也花钱了，是啊，太不稳定了，时快时慢，慢的时候我这儿几乎打不开，快的时候感觉一般吧！所以之后我就没用那个yo2.cn的了！

  7. 2008/11/15 at 12:11 | #7
    xiaorszNotify

    @久酷
    @*星少
    速度啊，速度！！速度无止境，哈哈！ :grin: 还有就是稳定了，不稳定也会很忧伤的！

  8. 2008/11/15 at 12:12 | #8
    xiaorszNotify

    @NickyYe 是挺有用的，对于用户体验又是一个提升！ :grin:

  9. 2008/11/15 at 12:29 | #9
    YoungCheonNotify

    看来我的博客皮很难使用这个js代码 要不然还得动手术 呵呵

  10. 2008/11/15 at 12:53 | #10
    xiaorszNotify

    @YoungCheon 啊？不要吧！你把这个JS稍微改一下就OK了！改成你对应的ID就可以了！ :smile: 最多就改两个地方！

  11. 2008/11/15 at 14:59 | #11
    老时Notify

    唉，，又是插件啊。。。我情愿鼠标点下，也不装插件鸟。

  12. 2008/11/15 at 15:10 | #12
    xiaorszNotify

    @老时 呵呵，大家都好怕插件了！第二种方法不要插件的啊！JS实现！！

  13. 2008/11/15 at 19:56 | #13
    playolNotify

    有这个还是不错的，上论坛惯了用这个功能。

  14. 2008/11/18 at 08:31 | #14
    断峰狼Notify

    这个JS不错，珍惜生命远离插件！

  15. 2008/11/18 at 10:07 | #15
    老NNotify

    我要加上去这个代码， 一直想要呢。从你这里搞了好多好东西啊。

  16. 2008/11/18 at 11:03 | #16
    HNotify

    @久酷 你也来这里啊～哈哈！

  17. 2008/11/18 at 11:57 | #17
    xiaorszNotify

    @断峰狼 呵呵，是啊！插件是越少越少，好像都成为大家的共识了哈！不过还是喜欢尝试一些好玩的插件!!

  18. 2008/11/18 at 13:01 | #18
    久酷Notify

    @H 哈……是啊，俺也来！^_^

  19. 2008/11/18 at 17:28 | #19
    辐射鱼Notify

    嗯，不错，Wopus中文平台启用新主题的时候也用上ctrl+enter了

  20. 2008/11/26 at 19:18 | #20
    nooideaNotify

    不错

    谢谢啦

    准备周末放到我那试试 ：）

  21. 2008/11/30 at 15:17 | #21
    SivanNotify

    =。=COOLCODE么？怎么复制出来还有行号

  22. 2008/11/30 at 15:54 | #22
    ZollNotify

    @Sivan 可以双击行号数字前的空白处把行号给隐藏了 再复制就没有行号了 :smile:

  23. 2008/11/30 at 15:55 | #23
    SivanNotify

    @Zoll 试过了……但还是…… :!:

  24. 2008/11/30 at 16:00 | #24
    ZollNotify

    @Sivan 额。。好像是的。。怎么记得昨天就不是呢。。不好意思。。 :shock:

  25. 2008/11/30 at 16:02 | #25
    SivanNotify

    @Zoll :wink: 嘿嘿，手动删除了，还好不长。

  26. 2008/11/30 at 16:07 | #26
    xiaorszNotify

    @Sivan 是coolcode,有行号的,感觉不是很方便.一般长的代码我都会不显示行号的,而且提供下载.现在我也把这个改了. :grin:

  27. 2008/12/09 at 12:41 | #27
    samserverNotify

    为什么我无论放在其它js文件后或是再建个新js文件引入都没效果呢？

  28. 2008/12/09 at 12:46 | #28
    xiaorszNotify

    @samserver 额？不会吧，你的 JS 正常载入了吗？还有你要确保submit和comment ,这两个ID是对应的！！

  29. 2008/12/09 at 13:18 | #29
    samserverNotify

    可能是我比较笨哦，你是在哪个文件中载入js文件？我是在inove模板中header.php中引入的。有问题吗？

  30. 2008/12/09 at 13:24 | #30
    xiaorszNotify

    @samserver 可以啊！我是在foot.php中载入的，效果是一样的！只是不会影响速度。你博客是哪个啊！我可以去帮你看下的！！ :razz:

  31. 2008/12/09 at 13:36 | #31
    samserverNotify

    http://www.samserver.cn 老是提示缺少对象，我不能理解submit和comment两个ID对应是什么意思。。。

  32. 2008/12/09 at 13:48 | #32
    xiaorszNotify

    @samserver 噢，我没找到你的JS哈！你加我 QQ(471522434)或 Gtalk（xiaorsz@gmail.com）吧！！这么交流太累了。哈哈！！

  33. 2008/12/09 at 14:03 | #33
    Lu DaNotify

    @samserver 你把 js 里面的 comment 改成 commentform 试试

  34. 2008/12/10 at 05:19 | #34
    LNotify

    而且，你这种方法 IE6 里面会报错？！

  35. 2008/12/10 at 13:51 | #35
    xiaorszNotify

    @L 噢，好像是会的。你直接加到皮肤中就不会了，我现在就是这么做的！还有，我想问下你在IE下评论的时候有不会觉得比较慢，比较卡啊？谢了啊！

  36. 2008/12/10 at 20:07 | #36
    LNotify

    @xiaorsz ……我不用 IE6 ，偶尔用 IEtester 看一下而已

  37. 2008/12/15 at 22:12 | #37
    吖BeeNotify

    我加了也没有反应哦！

  38. 2008/12/15 at 22:17 | #38
    xiaorszNotify

    @吖Bee 不是吧？那你可以直接加在comment.php文件里，加上如下的代码：

    <script type="text/javascript">
    //<![CDATA[
    document.getElementById('comment').onkeydown = function (moz_ev)
    {
    var ev = null;
    if (window.event){
    ev = window.event;
    }else{
    ev = moz_ev;
    }
    if (ev != null && ev.ctrlKey && ev.keyCode == 13)
    {
    document.getElementById('submit').click();
    }
    }
    //]]>
    </script>
  39. 2008/12/16 at 23:11 | #39
    吖BeeNotify

    @xiaorsz
    嗯嗯，等我去试一试！ :arrow: 谢谢！

  40. 2008/12/17 at 20:58 | #40
    吖BeeNotify

    嗯嗯，原来要放在下面才有反应！ :razz:

  41. 2009/10/12 at 23:46 | #41
    aNotify

    aaa

2 Trackbacks
  1. By 修改inove主题 on 2008/12/06 at 21:22

    [...] Ctrl+Entert提交留言 这个很简单.几行js就实现了.详细查看 滑动效果隐藏留言者信息 详细查看 [...]

  2. By Aappy.com » 给你的WordPress博客加个Ctrl+Enter快速回复功能 on 2008/12/14 at 01:29

    [...] 常看xiaorsz的博客，觉得这个功能挺有效的，所以加了个。喜欢的请看原文：wordpress 实现 Ctrl+Enter 快捷发表留言 [...]

Post a Comment

（必填）

（必填，有回复时方便邮件通知）

（可不填，填了方便回访）

Sharing technology, recording life