给 WordPress 添加 Ctrl+Enter 快捷回复

爱逛论坛的朋友和爱聊天的朋友可能对键盘上的 Ctrl + Enter 有着莫名其妙的酷爱情节,给Wordpress加上Ctrl+回车,这个功能应该也算是增加用户友好体验吧。本篇文章转自万戈博客。这两天开始玩命转载 WP 相关文章,抱歉了各位,不过,我都会给你们外链的。

经常逛论坛的人一般都习惯评论完后直接按 Ctrl+Enter 提交评论,使用 QQ 聊天时也是这样,打完字随手按下快捷键搞定

其实在 WordPress的 comments.php 里

1
</form></div><?php endif; ?>

后插入如下 JS 代码也可以给留言板实现这个功能

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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 文件中找到下面这句:

1
<input name="submit" type="submit" id="submit" tabindex="5" value="Submit" />

将 value=”Submit”(不同的主题可能会有些差别,其实就是提交的那个按扭)的 value 值里加上一个(Ctrl+Enter),改成 value=”Submit(Ctrl+Enter)”

Update一下,木木看了我这篇文章后当晚就提供给我一个更简洁的 Ctrl+Enter 快捷回复方法,代码就一句,我也就不另外开一篇介绍了,作为方法二在这里推荐一下。

在 comments.php 中找到以下代码:

1
<textarea name="comment" id="comment" cols="105" rows="10" tabindex="4"></textarea>

修改为:

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

这行代码和方法一效果一样,但是却精简一些,强烈推荐。

相关评论

  1. 阿疯说道:

    google随便搜索也会到你网站啊。。
    这功能收下了。

  2. 老饕说道:

    貌似符号错了~~单引号~~

  3. 海天说道:

    呵呵 这个可以有~

  4. 冰剑说道:

    第二种简单一些,订阅你的RSS还不如嘀咕来得快,哈哈。。
    抢你的沙发不用嘀咕确实抢不到,嘿嘿。。

    我的图片好了没啊。。

相关评论:

您的电子邮箱地址不会被公开。 必填项已用*标注