给WordPress添加Ctrl+Enter快捷回复

相信大家对QQ中的Ctrl+Enter快捷回复功能不陌生,林三的简单页面主题很早就增加了快捷键回复功能,但那是asp程序的添加方法,重要的是现在也忘记的差不多了。通过捣鼓,终于在WordPress实现这个体验,来看如何使用jQuery实现WordPress中的Ctrl+Enter快捷回复评论:

1、首先把这段代码加入 js 文件中,如果没有js文件,用<script type=”text/JavaScript”>在外部包含后放入相关页面的顶部也是可以的,但只会对该页面有效果的说

  1. jQuery(document).ready(function($){
  2. //Ctrl+Enter回复
  3.   jQuery(document).keypress(function(e){
  4.     if(e.ctrlKey && e.which == 13 || e.which == 10) {
  5.       jQuery(“#commentform”).submit();
  6.     }
  7.   })
  8. });

解释下代码,在 chrome 等现代浏览器中, js 是使用 e.which ==13 判断 Enter ,在 ie6 中 js 是使用 e.which ==10 判断 Enter ,所以这里同时使用两个方案,兼容更多浏览器。

2、在 comments.php 中找到评论框的代码 <textarea name=”comment” id=”comment” 后,在 > 前面加上 onkeydown=”if(event.ctrlKey&&event.keyCode==13 || Key&&event.keyCode==10){document.getElementById(‘submit’).click();return false};” 就完成啦。

注意,这里的 submit 名称要和你的主题的 提交按钮的id相同。

百度里面有的朋友说完成步骤1就可以实现该功能,有的说是完成操作2就可以实现该功能,而林三两种方法都没有实现,倒是在同时使用两种方法的时候,居然有效果啦,赶快试试效果!

未经允许不得转载:林三定制 » 给WordPress添加Ctrl+Enter快捷回复

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏