给wordpress添加Ctrl+Enter快捷发表评论功能

2010-08-27 22:54

给wordpress添加Ctrl+Enter快捷发表评论功能

by 疯狂小强

at 2010-08-27 14:54:28

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

经常逛论坛的人一般都习惯写完评论后,直接按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="Leave comment" />

将value=”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>