相信大家对QQ中的Ctrl+Enter快捷回复功能不陌生,林三的简单页面主题很早就增加了快捷键回复功能,但那是asp程序的添加方法,重要的是现在也忘记的差不多了。通过捣鼓,终于在WordPress实现这个体验,来看如何使用jQuery实现WordPress中的Ctrl+Enter快捷回复评论:
1、首先把这段代码加入 js 文件中,如果没有js文件,用<script type=”text/JavaScript”>在外部包含后放入相关页面的顶部也是可以的,但只会对该页面有效果的说
- jQuery(document).ready(function($){
- //Ctrl+Enter回复
- jQuery(document).keypress(function(e){
- if(e.ctrlKey && e.which == 13 || e.which == 10) {
- jQuery(“#commentform”).submit();
- }
- })
- });
解释下代码,在 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就可以实现该功能,而林三两种方法都没有实现,倒是在同时使用两种方法的时候,居然有效果啦,赶快试试效果!
发表评论