中医美容网

首页 > 大事记 > 引进评论表情及快捷键发表

引进评论表情及快捷键发表

责任编辑：CIN | 栏目出处：大事记 | 发布时间：2009年05月14日

“大事要记”很久没有更新了，这段时间内，中医美容网变化真是很大，基本上内容布局都全部重新定制，所有的文章都加上了插图。今天下午没课，抽点时间，把网站的评论栏加上我partner很早就提出的表情功能，然后再加上了我很久前忘记弄的Ctrl+Enter发表功能。

表情在“炮炮兵”“洋葱头”“蘑菇点点”“悠嘻猴”“兔斯基”里面徘徊了很久，最后决定用“洋葱头”——比较中性可爱的表情。

另外这里想说说Ctrl+Enter这个功能的实习方法，我发现很多基于wordpress的博客都没有用Ctrl+Enter快捷键快速发表评论的功能。最近学习jQuery的时候，发现wordpress不知道在那个版本后，竟然后台用上了jQuery，这就是说，wordpress可以直接调用jQuery库！这可以一个非常轻量级的，却是典型的“write less do more”javascript框架啊！非常的好用实用，所以，这里分享一下个jQuery支持IE以及Firefox的Ctrl+Enter快速发表评论方法。

一，调用jQuery库。在header.php文件的<head></head>内加入：

<?php wp_print_scripts(’jquery’); ?>

调用wordpress内置的jQuery库。当然，你可以下载最新的jQuery库，用<script src=”…” language=”javascript”></script>甚至，你可以直接调用google的jQuery库，据说可以减少服务器的压力。

二、打开comments.php文件，找到<form id=”commentform” ></form>,在这个标签附近，上面，下面或者里面，随个人喜好吧，加入下面的代码：

<script language="javascript"> jQuery(document).keypress(function(e){ if(e.ctrlKey && e.which == 13 || e.which == 10) { jQuery("#commentform").submit(); } else if (e.shiftKey && e.which==13 || e.which == 10) { jQuery("#commentform").submit(); } }) </script>
在ff中判断 ctrl+enter 是 e.ctrlKey && e.which ==13
在ie6中判断ctrl+enter 是 e.ctrlKey && e.which ==10

wordpress的jQuery库用jQuery()作为包装器，而不是用$()。不过，如果你不习惯用jQuery()，你可以用下面的语句，使你重新恢复$()的使用权。
$=jQuery.noConflict();
当然，使用上面的语句的前提是你没有使用其他会和$产生冲突的js库啦。

好了，简单的几句就能实现兼容Firefox以后IE的Ctrl+ENTER功能了，是不是很方便呢？jQuery确实是一个好东东啊，学习简单，推荐大家有空学习一下。大家赶快在你的网站里加上这个这么人性化的功能吧。感谢大家一直以来对“中医美容网”的支持。