..start..fly..

扫一扫
Guestbook

Home / PHP & Wordpress / 添加wordpress支持Ctrl+Enter快捷发表评论功能

<< WordPress不用插件实现代码高亮显示非插件实现wordpress相关文章功能 >>

经常逛论坛的人一般都习惯写完评论后,直接按ctrl+enter提交评论,使用QQ聊天时也是这样,打完字随手按下快捷键搞定,其实在wordpress也是可以实现的,为了方便使用,所以还是加上去的好的,以下是两种实现方法。

效果如下:

方法一、在wordpress的comments.php</form></div><?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文件中找到下面这句:

 <input name=“submit” type=“submit” id=“submit” tabindex=“5” value=“Submit Comment” />

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

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

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

  1. <textarea name=”comment” id=”comment” cols=”105″ rows=”10″tabindex=”4″></textarea>

替换为以下这段代码:

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

同样在完成第一种方法那样更改value就可以实现了的,这是个小细节,但是确实能产生很实用的效果的。

Related Posts

转载原创文章请注明,转载自:SKY..fly..[www.sky.gs]

本文链接: https://www.sky.gs/websites/phpwordpress/wordpress-ctrlenter-comment-reply.html

QR:  添加wordpress支持Ctrl+Enter快捷发表评论功能

624 Responses to “添加wordpress支持Ctrl+Enter快捷发表评论功能”

Leave a Reply

Code (☆)1+1=?


Websites powered by Wordpress5.7 Copyright © 2009-2021 - All Rights Reserved   SKY..fly..