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

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

感谢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

      自己的沙发。。

      • Donald Donald 4

        前排~~

        • 辐射鱼 辐射鱼 5

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

          • 老孔 老孔 4

            我还是喜欢鼠标点一下

              • 辐射鱼 辐射鱼 5

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

                • 酋 长 酋 长 9

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

                • xiaorsz xiaorsz 3

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

                    • 酋 长 酋 长 9

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

                    • Qualle Qualle 0

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

                        • 等待 等待 5

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

                        • 猪头 猪头 1

                          ff下无效吧

                            • xiaorsz xiaorsz 3

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

                            • 老时 老时 4

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

                              • 林晨 林晨 2

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

                                  • 酋 长 酋 长 9

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

                                  • Rao Rao 2

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

                                      • 酋 长 酋 长 9

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

                                      • maxsailor maxsailor 4

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

                                        • Joe Chik Joe Chik 4

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

                                          • Joe Chik Joe Chik 4

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

                                            • cuikai cuikai 0

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

                                              • aunsen aunsen 5

                                                有没有AJAX效果啊

                                                  • aunsen aunsen 5

                                                    @aunsen 没有哇!

                                                  • luplus luplus 2

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

                                                    • ㄤ男 ㄤ男 1

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

                                                      不過好像沒生效。

                                                    • 来自外部的引用: 1

                                                      • 新年快乐 | IT社区