不亦乐乎 » Wordpress » 给wordpress添加Ctrl+Enter快捷发表评论功能的两种方法

给wordpress添加Ctrl+Enter快捷发表评论功能的两种方法

2009年07月07日 5,493人路过 参与围观30人围观

经常逛论坛的人一般都习惯评论完后直接按ctrl+enter提交评论，使用QQ聊天时也是这样，打完字随手按下快捷键搞定，其实通过加入js代码，在wordpress评论时也可以实现这个功能。（注意代码中的全角都要改为半角）

方法一、在wordpress的comments.php里</form></div><?php endif; ?>后插入如下js代码也可以实现这个功能：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<script type="text/javascript">
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>

然后继续在comments.php文件中找到下面这句：

<p><input name="submit" type="submit" id="submit" class="submitbutton" tabindex="5" value="Leave comment" />

将value=”Leave comment”（不同的主题可能会有些差别，其实就是提交的那个按扭）的value值里加上一个(Ctrl+Enter)，改成value=”Leave comment (Ctrl+Enter)”

本文章转自：http://www.yueye.org/2009/use-ctrl-enter-to-submit-comments-for-wordpress.html

方法二、此法更为简洁，强烈推荐使用

在 comments.php 中找到以下代码：

<textarea name="comment" id="comment" cols="105" rows="10"tabindex="4"></textarea>

修改为：

<textarea name="comment" id="comment" cols="105" rows="10"tabindex="4"
onkeydown="if(event.ctrlKey&&event.keyCode==13)
{document.getElementById('submit').click();return false};"></textarea>

此方法为木木同学发明，发布在万戈那的。

无觅相关文章插件，快速提升流量

分类：Wordpress, 标签：, ,
你可以通过 RSS 2.0 订阅关注本日志评论, 也可以直接 参与围观, 或 trackback 到你的博客上.
本日志地址: http://www.happyet.org/244.html, 转载请注明出处!
«
»

“给wordpress添加Ctrl+Enter快捷发表评论功能的两种方法”上有 30 条评论

  1. 回憶 说道：
    2009年07月7日 20:32

    搞下看看去 :lol:

    回复
  2. 妖狐闪现 说道：
    2009年07月7日 21:23

    呵呵，这种小功能总是很实用。

    回复
  3. 万戈 说道：
    2009年07月8日 10:30

    就这么简单吗？我去试试

    回复
  4. 林木木 说道：
    2009年07月8日 13:41

    过来转转~呵呵，也是个喜欢折腾WP的人~

    回复
  5. 万戈 说道：
    2009年07月8日 18:42

    童鞋，注意全半角哟，否则复制你的代码是不行滴～

    回复
  6. 随影 说道：
    2009年07月9日 09:24

    很实用的功能啊！！

    回复
  7. 给WP 添加 Ctrl+Enter 快捷回复 » Life Studio 说道：
    2009年07月9日 17:58

    [...] 　　本文转自：http://www.happyet.org/archives/244 　» 转载请注明来源：Life Studio » 《给WP 添加 Ctrl+Enter 快捷回复》 　» 本文链接地址：http://www.life-studio.cn/use-ctrl-enter-to-submit-comments-for-wordpress.html 　» 订阅本站：http://feed.life-studio.cn [...]

    回复
  8. 给WP 添加 Ctrl+Enter 快捷回复 - 小乖乖 说道：
    2009年07月12日 20:32

    [...] 　　本文转自：http://www.happyet.org/archives/244 [...]

    回复
  9. ElenaLisvato 说道：
    2009年08月6日 23:32

    Wow! Thank you! I always wanted to write in my site something like that. Can I take part of your post to my blog?

    回复
  10. yiuren 说道：
    2009年08月31日 16:04

    谢谢分享.
    已经加上在使用了.

    回复
  11. 疾风 说道：
    2010年07月20日 12:56

    第二种够帅~

    回复
  12. 小石头 » 给wordpress添加Ctrl+Enter快捷发表评论功能的两种方法 说道：
    2010年08月2日 09:05

    ◎ 这是 Pingback/Trackback, 小强怀疑这可能是 Spam!n[...] <textarea name="comment" id="comment" cols="105" rows="10"tabindex="4" onkeydown="if(event.ctrlKey&&event.keyCode==13) {document.getElementById('submit').click();return false};"></textarea> 本文章转自：http://www.happyet.org/244.html [...]

    回复
  13. 倡萌 说道：
    2010年09月19日 21:04

    呵呵呵，很不错哦的，我也打算给我的博客也添加上，谢谢分享啊

    回复
  14. Sherlockshine 说道：
    2010年12月15日 12:53

    谢谢了

    回复
  15. Maplews 说道：
    2011年01月26日 17:24

    好东西，成功啦~

    回复
  16. 淘宝正品 说道：
    2011年03月28日 21:57

    受教了
    原来还不知道！

    回复
  17. 雷格 说道：
    2011年12月21日 19:40

    貌似Twenty Eleven主题不支持第二种方法，模板中并没有textarea相关代码，如果在wp-includes/comment-template.php中修改则会报错

    回复
    • LMS 说道：
      2011年12月21日 21:05

      新的默认主题comments在functions文件里。

      回复
      • 雷格 说道：
        2011年12月21日 21:14

        呃，没找到。。。

        回复
        • LMS 说道：
          2011年12月21日 21:19

          我也好久没研究默认主题了，根据主题调用的comments函数找，如果没有就用你自己的函数也可以啊。或者直接修改主题，添加个comments文件，然后引用，自己的comments是文件比默认的优先。

          回复
          • 雷格 说道：
            2011年12月21日 21:23

            呃，有点高端呢。我现在使用的主题是用的 根目录/wp-includes/comment-template.php文件，我添加了代码之后就会出错，造成博客无法访问的状况。

            回复
            • LMS 说道：
              2011年12月21日 21:38

              不能直接用includes里的文件，具体我也不知道怎么说，你可以去下载个别人的比较新点的主题，然后研究一下人家评论那块是怎么处理的，应该会对你有帮助。

              回复

留下足迹