当前时间:Monday 2018年06月18日 欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

当前位置: 首页 >> javascript >> 正文

给WordPress添加Ctrl+Enter回复快捷键

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

1.< ?php endif; ?>后插入如下 JS 代码也可以给留言板实现这个功能:
1.<BR>script type="text/javascript"><BR>document.getElementById("comment").onkeydown = function (moz_ev)<BR>{<BR>var ev = null;<BR>if (window.event){<BR>ev = window.event;<BR>}else{<BR>ev = moz_ev;<BR>}<BR>if (ev != null && ev.ctrlKey && ev.keyCode == 13)<BR>{<BR>document.getElementById("submit").click();<BR>}<BR>}<BR>

然后继续在 comments.php 文件中找到下面这句:

1.<BR><INPUT id=submit tabIndex=5 type=submit value=Submit name=submit>

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

方法二:(万戈)

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

1.<TEXTAREA id=comment tabIndex=4 name=comment rows=10 cols=105 jQuery1250489864228="48"></TEXTAREA>

修改为:

1.<TEXTAREA id=comment onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};" tabIndex=4 name=comment rows=10 cols=105></TEXTAREA>

总结:相比来说,第二种方法更简单,却实现了相同的效果。

又找到了另一种方法,也可以用的.

首先是在模版的comments.php加一段JS代码

  1. <script language=javascript>
  2. function ctrlEnter(e){
  3. var theEvent = e?e:window.event;
  4.   if(theEvent.ctrlKey && theEvent.keyCode==13){
  5. document.getElementById(“submit”).click();
  6. }
  7. }
  8. </script>

记住,最好是加在php的头部!

最后是找到这段,并修改:

  1. <textarea name=”comment” id=”comment” tabindex=”4″ rows=”4″ cols=”70″ ></textarea>
  2. 修改为:
  3. <textarea name=”comment” id=”comment” tabindex=”4″ rows=”4″ cols=”70″ onkeyup=”javascript:return ctrlEnter(event);”></textarea>
  4. 注意,添加了这段代码:onkeyup=”javascript:return ctrlEnter(event);”

哈哈,这样基本上就大功告成了,大家可以尝试做一下试试!

作者:夜阑小雨
原文链接:给WordPress添加Ctrl+Enter回复快捷键
夜阑小雨版权所有,转载本网站文章时请保留此信息。

收藏和分享: 转贴到开心网 转贴到校内网 分享到 Twitter Delicious 分享到 Google Reader 分享到 百度收藏 分享到 QQ收藏

所在分类:javascript

评论信息

0 条评论 发表评论

发布评论

您必须登录才能发表评论。

网站客户端下载