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

HHTjim 部落格

发布于 2022-09-26 11:29:16

1.2K0

文章被收录于专栏：HHTjim'S 部落格HHTjim'S 部落格

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

作者：matrix 被围观: 1,678 次发布时间：2013-09-01 分类：Wordpress 兼容并蓄 | 无评论 »

这是一个创建于 3287 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

在comments.php中找到类似代码

<p><textarea rows="5" cols="50" " 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>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

wordpress

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

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

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

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐