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

2008年11月27日07:12:46 技术分享 26 13,152

感谢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将及时更新！

收 藏

评论已关闭！

目前评论：26   其中：访客  25   博主  0   引用   1

    • 酋 长 酋 长 9
      2008年11月27日 上午8:33  沙发

      自己的沙发。。

      • Donald Donald 4
        2008年11月27日 上午9:54  板凳

        前排～～

        • 辐射鱼 辐射鱼 5
          2008年11月27日 上午10:46  地板

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

          • 老孔 老孔 4
            2008年11月27日 上午10:53  4楼

            我还是喜欢鼠标点一下

              • 辐射鱼 辐射鱼 5
                2008年11月27日 下午12:11  1层

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

                • 酋 长 酋 长 9
                  2008年11月27日 下午8:19  1层

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

                • xiaorsz xiaorsz 3
                  2008年11月27日 下午2:44  5楼

                  额？我的文章 ！！！
                  窃喜下，哈哈！

                    • 酋 长 酋 长 9
                      2008年11月27日 下午8:19  1层

                      @xiaorsz 好东西，大家分享~~

                    • Qualle Qualle 0
                      2008年11月27日 下午4:55  6楼

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

                        • 等待 等待 5
                          2008年11月27日 下午8:51  1层

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

                        • 猪头 猪头 1
                          2008年11月27日 下午5:22  7楼

                          ff下无效吧

                            • xiaorsz xiaorsz 3
                              2008年11月29日 下午7:06  1层

                              @猪头 有效啊！！我一直用FF的~~~

                            • 老时 老时 4
                              2008年11月27日 下午9:00  8楼

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

                              • 林晨 林晨 2
                                2008年11月28日 上午2:20  9楼

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

                                  • 酋 长 酋 长 9
                                    2008年11月28日 上午8:36  1层

                                    @林晨 确实，觉得这个功能确实很实用。。

                                  • Rao Rao 2
                                    2008年12月1日 下午2:06  10楼

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

                                      • 酋 长 酋 长 9
                                        2008年12月1日 下午4:16  1层

                                        @Rao 我不写技术性文章的，只是分享大家的！

                                      • maxsailor maxsailor 4
                                        2008年12月2日 上午7:20  11楼

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

                                        • Joe Chik Joe Chik 4
                                          2008年12月3日 下午3:53  12楼

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

                                          • Joe Chik Joe Chik 4
                                            2008年12月3日 下午4:17  13楼

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

                                            • cuikai cuikai 0
                                              2008年12月11日 上午11:04  14楼

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

                                              • aunsen aunsen 5
                                                2008年12月15日 下午12:25  15楼

                                                有没有AJAX效果啊

                                                  • aunsen aunsen 5
                                                    2008年12月15日 下午12:25  1层

                                                    @aunsen 没有哇！

                                                  • luplus luplus 2
                                                    2008年12月16日 下午7:13  16楼

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

                                                    • ㄤ男 ㄤ男 1
                                                      2008年12月29日 下午6:13  17楼

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

                                                      不過好像沒生效。

                                                      • 来自外部的引用： 1

                                                      • 新年快乐 | IT社区