给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>