给WordPress加入快捷键回复功能

/ WordPress / / 4,917ºC
18

多年以来在QQ上都用惯了Ctrl+Enter的回复模式，在DZ下也可以用这个快速回复帖子！但是在WordPress下却没有这个快捷的功能，今天总算是在朋友（刺猬哥哥）的帮助下搞定了，在此给大家分享一下，就着再次感谢一下刺猬哥哥！

首先是在模版的comments.php加一段JS代码

1
2
3
4
5
6
7
8

<script language=javascript> 
function ctrlEnter(e){  
    var theEvent = e?e:window.event; 
　　if(theEvent.ctrlKey && theEvent.keyCode==13){ 
      document.getElementById("submit").click(); 
    }  
} 
</script>

记住，最好是加在php的头部！

下面就是修改回复按钮！
在comments.php里面找到相关代码：

1
2

<input name="submit" type="submit" id="submit" .../> 
e.g.<input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />

将其中的”input”替换为”button”

1
2

e.g.<button id="submit" name="submit" type="submit" tabindex="5" >Submit Comment</button>
注意原来的value="Submit Comment"已经被删除，并移动到<button>与</button>之间！

p.s.原来对回复按钮使用过样式的朋友则需要到CSS里面重新修改一下咯！

最后是找到这段，并修改：

1
2
3
4

<textarea name="comment" id="comment" tabindex="4" rows="4" cols="70"></textarea> 
修改为： 
<textarea name="comment" id="comment" tabindex="4" rows="4" cols="70" onkeyup="javascript:return ctrlEnter(event);"></textarea> 
注意，添加了这段代码：onkeyup="javascript:return ctrlEnter(event);"

哈哈，这样基本上就大功告成了，大家可以尝试做一下试试！

转载自：http://ghsky.com/2008/04/add-ctrl-enter-answer.html

发表评论（已有 18 条评论）

设置头像

*

:wink: :twisted: :smile: :sleep: :shock: :sad: :roll: :razz: :oops: :neutral: :mad: :grin: :evil: :eek: :cry: :cool:

  1. 123 说：

    @小影 测试下纯粹的输入@能不能有问题

    回复 @TA
  2. WP痴 说：

    测试一下~~~~~~~~~~

    回复 @TA
  3. Johnny 说：

    @小影 我装了，但邮件收不到，就是里面的设置不是很懂诶

    回复 @TA
    • 小影 说：

      插件设置页面里最下面的《发送邮件》测试一下，能收到么？

      回复 @TA
  4. JohnnyWei 说：

    博主，你下面那个“有人回复时邮件通知我”是怎么做出来的啊

    回复 @TA
    • 小影 说：

      使用Mail to Commenter插件 :smile:

      回复 @TA
      • Johnny 说：

        那那个位置是怎么设置的啊

        回复 @TA
        • 小影 说：

          插件自动插入到评论框后面的，不用我们设置。

          @TA
  5. 亦斯 说：

    我实在不知道该怎样感谢您了。
    我用的P2主题，comments.php很“奇怪”，不能用平常方法搞定。
    从早上起来就开始弄这玩意，花了五个小时都没搞定啊。

    最后终于找到了您这，在第七个小时终于搞定。
    跪谢了（泪目
    啥也不说了

    回复 @TA
  6. sky 说：

    学习了,顺便测试一下

    回复 @TA
  7. 你好 说：

    你好博主我想问你一个问题。
    请问你博客的@name这样是怎样实现的？
    就是点击回复后，文本框出现@Dreamix: 的样式。谢谢你。

    回复 @TA
  8. Dreamix 说：

    呵呵，今天突然翻到这个

    回复 @TA
  9. xiaorsz 说：

    额？感觉有点麻烦哈！！ :sleep:

    回复 @TA
  10. Pole 说：

    Don't waste yourself in rejection, nor bark against the bad, but chant the beauty of the good.

    回复 @TA
  11. heh 说：

    @小影: 什么效果？？？ :D

    回复 @TA
  12. ghSky 说：

    :shock: :shock:

    回复 @TA
  13. 小影 说：

    我试试... :twisted:

    回复 @TA