实现 Ctrl+Enter 快捷发表留言功能

感谢Xiaorsz的总结分享!也欢迎各位投稿,一起为WordPress本地化做贡献。

以前逛论坛逛多了,发表帖子写完后很熟练地按下 Ctrl+Enter ,就把帖子发出去了!迅速转向别的“战场”!现在喜欢到别人的博客上去踩踩,遇到自己感兴趣的就想写几句,写完后竟也不自觉地按下了 Ctrl+Enter ,当然 WP 不是 Discuz ,并没有默认这个小快捷键。于是不得不再去用鼠标点下 submit 。当然,也有蛮多的 WP 博客有这个功能,想想应该也不能实现,能获取到键盘的输入就OK了,于是去 Google 了一下,找到了如下的两种方法:
1、使用 Comments Shortcut Plugin 插件.
这个功能居然还有个插件,当然使用也很简单,下载启用后再后台设置一下就OK!要设置 Text Box ID 和 Submit bottom ID ,然后是要快捷键代码和要显示的提示文字,不过一般用默认就可以了。
插件下载

2、JS代码实现
为了这么个小功能再加个插件有点夸张了。其实只要一小段JS就可以实现了!来看下这段JS代码:

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();
}
}

将上面这段代码另存为一个JS文件,在博客页面中引用就可以了,或是直接加在博客已经引用的JS文件的后面,推荐后者,这么点的代码再用一个JS文件太“ 奢侈”了,呵呵!而且增加请求数,博客中的 JS 和 CSS 最好都分别合并为一个文件最好!最后别忘了在 Submit 按钮上加上(Ctrl+Enter)!

感觉这个功能比较使用,因为现在不逛论坛的人很少,所以,这个快捷键用在博客上,也是很有价值的,不用再次点击鼠标。

目前就这两种方法,如果各位还有实现的方法,欢迎分享,Wopus将及时更新!

Comments

26 responses to “实现 Ctrl+Enter 快捷发表留言功能”

  1. 酋 长 Avatar

    自己的沙发。。

  2. Donald Avatar

    前排~~

  3. 辐射鱼 Avatar

    Wopus 中文平台的新主题,早已用上了这个功能,不过 js 没有这么长哦

  4. 老孔 Avatar

    我还是喜欢鼠标点一下

    1. 辐射鱼 Avatar

      怎么每次你的嗜好都如此特别呢

    2. 酋 长 Avatar

      从老孔在我博客的留言来看,他确实是有点特别!

  5. xiaorsz Avatar

    额?我的文章 !!!
    窃喜下,哈哈!

    1. 酋 长 Avatar

      好东西,大家分享~~

  6. Qualle Avatar

    效率确实很重要,但是可维护性也不可忽视。所以还是用插件实现比较好。

    1. 等待 Avatar

      能不用插件坚决不用。相比不到1KB的JS可以实现的东西,整成个插件。。。不划算!

  7. 猪头 Avatar

    ff下无效吧

    1. xiaorsz Avatar

      有效啊!!我一直用FF的~~~

  8. 老时 Avatar

    不错,看过其他博客有这样效果的。

  9. 林晨 Avatar

    其实我觉得这个功能用该在WP自身中就有的,开发团队怎么就忘了

    1. 酋 长 Avatar

      确实,觉得这个功能确实很实用。。

  10. Rao Avatar

    我觉得酋长也开始写技术型文章了,不知道观察的对不对。。。

    1. 酋 长 Avatar

      我不写技术性文章的,只是分享大家的!

  11. maxsailor Avatar

    多谢分享啊,一直想要个这样的功能。

  12. Joe Chik Avatar

    加上了, 测试好像没反应.

  13. Joe Chik Avatar

    呵呵,已经OK了.之前加错地方了.

  14. cuikai Avatar

    坚决同意, 能不用插件,最好不要用插件

  15. aunsen Avatar

    有没有AJAX效果啊

    1. aunsen Avatar

      没有哇!

  16. luplus Avatar

    菜鸟请教:“加在博客已经引用的JS文件的后面”,直接加上就可以了吗?我试了下好像没效果啊

  17. ㄤ男 Avatar

    我加在了簡繁轉換那個js的後面,

    不過好像沒生效。

  18. […] 实现 Ctrl+Enter 快捷发表留言功能 (25) […]