给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;

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

作者: LMS

天行贱,君子自强自息。

标签

《给wordpress添加Ctrl+Enter快捷发表评论功能的两种方法》有28个想法

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

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

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

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

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

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

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

评论已关闭。