给WP 添加 Ctrl+Enter 快捷回复

  经常逛论坛的人一般都习惯评论完后直接按 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>

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

本文已盖 49 层楼

  1. 正好要做这个东西,就华丽的借走代码啦!顺便留个爪印表示我来过了~~

  2. 回复 merror 说:

    这个..强烈支持一下,Google搜索到第二个就是你了。
    title那里写着“欢迎merror归来”
    体验很好~

  3. 回复 流年 说:

    这个拿走,第二个方法的确简单明了,更Java添加addKeyListener一样

  4. 回复 蛋卷 说:

    这个可以学习

  5. 回复 猪八戒 说:

    学习了,等有空一个个折腾。

  6. 回复 自由人 说:

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

  7. 回复 阿邙 说:

    已经使用了第二种方法 呵呵~

  8. 哎,我的按第二种方法改出问题了,现在网站都打不开,覆盖后还是一样!

  9. :arrow: 为什么我2个方法用了都不行?

  10. 回复 chancat 说:

    :twisted: 哈哈哈 正需要这些 。

  11. 回复 张三 说:

    :grin: 扒走……不客气!

  12. 哈,添加了,用方法二。很容易,谢谢博主^_^

  13. 回复 短歌行 说:

    参考这个方法,功能已实现了,就是按钮名称没能改好,哎,怎么办?

    • 回复 万戈 说:

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

  14. 回复 Jutoy 说:

    这个功能我得加上去~

  15. 回复 laofan 说:

    汗,为什么我不知道这个方法。。。。。。。。。。

  16. 回复 Lxhome 说:

    这个办法简单,很实用!

  17. 回复 huaimao 说:

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

  18. 回复 林木木 说:

    今天刚知道的另一添加方法:

  19. 回复 回憶 说:

    在斜坡那裏看見過了,要問斜坡是誰,嘿嘿就是happyet嘍!

  20. 回复 huaimao 说:

    万大侠,请教个问题,那个SUBMIT 那个按钮大小在哪儿修改啊!请看我的效果!

  21. 回复 小明猪 说:

    这个功能好~我看我也加上去得了~ :lol:

  22. 回复 happyet 说:

    :razz: 原来是这样,我还以为有人在我那发垃圾评论呢。。。 :mrgreen:

  1. 美化、优化博客 « 小居
  2. 折腾累了
  3. 一团乱..
  4. 给WP 添加 Ctrl+Enter 快捷回复 - 小乖乖

Leave a comment

您已输入0

三言两语

我的生活心情语录

工作手札

路漫漫其修远兮

精品推荐

好东西要分享

嘻哈娱乐

八卦趣事一笑而过

电脑网络

全新技术尽搜罗

转来载去

文人墨客美文赏析