给WordPress添加Ctrl+Enter快捷回复

LinSan2018年10月22日wordpress,

相信大家对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就可以实现该功能,而林三两种方法都没有实现,倒是在同时使用两种方法的时候,居然有效果啦,赶快试试效果!

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: