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

经常逛论坛的人一般都习惯评论完后直接按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. 评论框添加Ctrl+Enter即发送 | argc && argv
  2. 🏅

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

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

      1. 🏅

        呃,没找到。。。

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

          1. 🏅

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

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

  3. 🏅

    受教了
    原来还不知道!

  4. 🏅🏅

    好东西,成功啦~

  5. 🏅

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

  6. 🏅

    第二种够帅~

  7. 🏅

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

  8. 🏅

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

  9. 🏅

    很实用的功能啊!!

  10. 🏆🏅

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

    1. 🏆🏆🏅

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

        1. 🏆🏆🏅

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

  11. 🏆🏅🏅

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

    1. 🏆🏆🏅

      欢迎欢迎 :razz:

  12. 🏆🏅

    就这么简单吗?我去试试

    1. 🏆🏆🏅

      就这么简单,我已经加上了。

  13. 🏅🏅

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

  14. 🏆🏅🏅

    搞下看看去 :lol:

    1. 🏆🏆🏅

      搞成功没? :grin:

      1. 🏆🏅🏅

        那有那沒快啊

        1. 🏆🏆🏅

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

评论已关闭。