WordPress中添加评论Ctrl+Enter快捷回复

作者:matrix 发布时间:2013-09-01 分类:Wordpress 兼容并蓄

修改TC_NGRO主题时发现提交评论没有Ctrl+Enter快捷回复,而现在的主题一般都有此功能 很实用。

TC_NGRO主题wordpress版

在comments.php中找到类似代码

<p><textarea rows="5" cols="50" name="comment" class="textarea" id="comment"></textarea></p>  
<p><input type="submit" value="<?php _e('提交评论/Ctrl+Enter'); ?>" id="submit" class="submit" /><?php comment_id_fields(); ?> </p>  

要确保<textarea中的name、id的值与下面的js代码中的第2行处的值(此处为comment)对应一致。

<input中的 type、id的值下面的js代码中的第12行处的值(此处为submit)对应一致。

在</form>下行处添加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>