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

LMS
折腾
1.2K+ 28

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

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

&lt;script type="text/javascript"&gt;
document.getElementById("comment").onkeydown = function (moz_ev)
{
var ev = null;
if (window.event){
ev = window.event;
}else{
ev = moz_ev;
}
if (ev != null &amp;&amp; ev.ctrlKey &amp;&amp; ev.keyCode == 13)
{
document.getElementById("submit").click();
}
}
&lt;/script&gt;

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

&lt;p&gt;&lt;input name="submit" type="submit" id="submit" class="submitbutton" tabindex="5" value="Leave comment" /&gt;

将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 中找到以下代码：

&lt;textarea name="comment" id="comment" cols="105" rows="10"tabindex="4"&gt;&lt;/textarea&gt;

修改为：

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

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

THE END

评论 28

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

    ⫑ Windows XP

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

      ⫑ Windows 7

      1. 呃，没找到。。。

        ⫑ Windows XP

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

          ⫑ Windows 7

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

            ⫑ Windows XP

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

              ⫑ Windows 7

  2. 受教了
    原来还不知道！

    ⫑ Windows XP

  3. 好东西，成功啦~

    ⫑ Windows XP
  5. 倡萌
    🏅

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

    ⫑ Windows 7
  6. 疾风
    🏅

    第二种够帅~

    ⫑ Windows 7
  7. yiuren
    🏅

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

    ⫑ Windows XP
  8. ElenaLisvato
    🏅

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

    ⫑ Windows XP
  9. 随影
    🏅

    很实用的功能啊！！

    ⫑ Windows XP
  10. 万戈
    🏆🏅

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

    ⫑ Windows Vista

    1. 我也发现有这个问题，我的代码是根据你推荐的那个发芽网弄的，有的自动就变成全角了。。。 :roll:

      ⫑ Windows XP

        1. 没看完忍不住就冲过去看了 :mrgreen:

          ⫑ Windows XP
  11. 林木木
    🏆🏆

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

    ⫑ Windows XP

    1. 欢迎欢迎 :razz:

      ⫑ Windows XP
  12. 万戈
    🏆🏅

    就这么简单吗？我去试试

    ⫑ Windows Vista

    1. 就这么简单，我已经加上了。

      ⫑ Windows XP
  13. 妖狐闪现
    🏅🏅

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

    ⫑ Ubuntu 8.10
  14. 回憶
    🏆🏅🏅

    搞下看看去 :lol:

    ⫑ Windows XP

    1. 搞成功没？ :grin:

      ⫑ Windows XP
      1. 回憶@LMS
        🏆🏅🏅

        那有那沒快啊

        ⫑ Windows XP

        1. 文章内容有修改，另外注意全角半角 :grin:

          ⫑ Windows XP

评论已关闭。