给WP 添加 Ctrl+Enter 快捷回复

发布于：电脑网络, 精品推荐, 转来载去 1,546 次践踏

经常逛论坛的人一般都习惯评论完后直接按 Ctrl+Enter 提交评论，使用 QQ 聊天时也是这样，打完字随手按下快捷键搞定，其实在 WordPress的 comments.php 里 </form></div><?php endif; ?> 后插入如下 JS 代码也可以给留言板实现这个功能：

<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 文件中找到下面这句：

<input name="submit" type="submit" id="submit" tabindex="5" value="Submit" />

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

本文转自：http://www.happyet.com.cn/archives/244

Update一下，木木看了我这篇文章后当晚就提供给我一个更简洁的 Ctrl+Enter 快捷回复方法，代码就一句，我也就不另外开一篇介绍了，作为方法二在这里推荐一下。

在 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>

这行代码和方法一效果一样，但是却精简一些，强烈推荐。

  1. Pingback: 给WP 添加 Ctrl+Enter 快捷回复 | SmilingCat

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

  7. Pingback: 装好WP后做的一些事 | LiChao's blog

  21. Pingback: 美化、优化博客 « 小居

  25. 哎。。。不知道从何时起我的那个快捷键失效了，我用的主题后台可以设的，以前就管用，现在用这个方法2同样不行，代码我看都加载了，实在是纳闷啊。。。 :arrow: :arrow: :arrow:

  26. Pingback: 折腾累了

  33. Pingback: 一团乱..

  35. Pingback: 给WP 添加 Ctrl+Enter 快捷回复 - 小乖乖

    • 我看了一下你的源码，其实已经改好了，只不过你的按钮是图片背景，文字被隐藏掉了
      要改名称的话，可以PS按钮的图片背景
      或者去掉这张图片，再去掉隐藏文字的CSS就行

  40. 万兄，偶来感谢了！呵呵，其实那个直接修改.post-comment-button的width宽度就可以了，我吧90PX改为160PX 搞定！嘿嘿！