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

2019-03-19 07:02:40来源: woiweb.net 阅读 ()

新老客户大回馈,云服务器低至5折

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

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

<script type="text/javascript"> 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(); } } </script>

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

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

修改为:

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

原文:http://www.woiweb.net/wordpress-ctrl-enter-comment-function.html

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:解读Avinash可执行的网站分析报告

下一篇:田锋林:浅谈B2C网站如何运营