wordpress添加Ctrl+Eenter快捷回复方法
- 发表于
- WordPress
两种方法,注意如果改了也不能实现的就是模板不支持了,经我测试发现有些模板确实会不支持,不支持修改方法在最后
方法1:
在 comments.php 里 </form></div><?php endif; ?> 后插入如下 JS 代码也可以给留言板实现这个功能:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<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 文件中找到下面这句:
1 |
<input name="submit" type="submit" id="submit" tabindex="5" value="Submit" /> |
将 value="Submit"(不同的主题可能会有些差别,其实就是提交的那个按扭)的 value 值里加上一个(Ctrl+Enter),改成 value="Submit(Ctrl+Enter)"
方法2:
在 comments.php 中找到以下代码:
1 |
<textarea name="comment" id="comment" cols="105" rows="10" tabindex="4"></textarea> |
修改为:
1 |
<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> |
这行代码和方法一效果一样,但是却精简一些,强烈推荐,这个其实就是在textarea后加上
1 |
onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};" |
更新:修改后仍不支持解决方法:
很多模板制作者在代码结构书写上不是很规范,导致制作出来的模板存在一定的不足,比如这个简单的JS提交,大家一看都知道就是用ID+键盘传值的。
通用的检测方法: 查找input内是否存在id="submit",如果使用了button做修饰的话同时也要注意button内存在id="submit",同时前后对应,id="这里和上边的JS中的"getElementById('submit')"要对应写,不一定是submit但要一致。
原文连接:wordpress添加Ctrl+Eenter快捷回复方法
所有媒体,可在保留署名、
原文连接
的情况下转载,若非则不得使用我方内容。