建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
给wordpress添加Ctrl+Enter快捷发表评论功能
发布日期:2011-03-03 阅读次数:746 字体大小:

经常逛论坛的人一般都习惯写完评论后,直接按ctrl+enter提交评论,使用QQ聊天时也是这样,打完字随手按下快捷键搞定,其实通过加入js代码,在wordpress评论时也可以实现这个功能。(注意代码中的全角都要改为半角),今天在网上发现了“小石头”的这段代码,与大家一起分享。

方法一、在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文件中找到下面这句:

<p><input name="submit" type="submit" id="submit" tabindex="5" value=http://www.chinaz.com/Webbiz/Exp/"Leave comment" />

将value=http://www.chinaz.com/Webbiz/Exp/”Leave comment”(不同的主题可能会有些差别,其实就是提交的那个按扭)的value值里加上一个(Ctrl+Enter),改成value=”Leave comment (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>

原文:http://www.woiweb.net/wordpress-ctrl-enter-comment-function.html

感谢 我爱互联网 的投稿