给wordpress添加Ctrl+Enter快捷发表评论功能

发布于 2022-09-01 19:05:19 字数 1723 浏览 9 评论 0

经常逛论坛的人一般都习惯写完评论后,直接按ctrl+enter提交评论,使用QQ聊天时也是这样,打完字随手按下快捷键搞定,其实通过加入js代码,在wordpress评论时也可以实现这个功能。(注意代码中的全角都要改为半角),今天在网上发现了“小石头”的这段代码,与大家一起分享。

方法一、在wordpress的comments.php里</form></div><?php endif; ?>后插入如下js代码也可以实现这个功能:

  1. <script type="text/<SPAN class=wp_keywordlink_affiliate><A title=javascript href="http://www.woiweb.net/category/javascript" rel=nofollow target=_blank>javascript</A></SPAN>">
  2. document.getElementById("comment").onkeydown = function (moz_ev)
  3. {
  4. var ev = null;
  5. if (window.event){
  6. ev = window.event;
  7. }else{
  8. ev = moz_ev;
  9. }
  10. if (ev != null && ev.ctrlKey && ev.keyCode == 13)
  11. {
  12. document.getElementById("submit").click();
  13. }
  14. }
  15. </script>

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

  1. <p><input name="submit" type="submit" id="submit" tabindex="5" value="Leave comment" />

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

方法二、此法更为简洁,强烈推荐使用

在 comments.php 中找到以下代码:
<textarea name=”comment” id=”comment” cols=”105″ rows=”10″tabindex=”4″></textarea>修改为:

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

复制代码

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文