WordPress 留言板添加Ctrl+Enter 快捷回復
公元2011年06月29日博主被13人群毆打醬油看熱鬧的有:6,556 views
WordPress 留言板添加Ctrl+Enter 快捷回復
可能被騰訊迫害的了,已經根深蒂固的喜歡打完字之後用Ctrl+Enter快捷確認,於是乎搜遍網上在Wordpress中評論實現這種快捷回覆的方法,行之有效的基本有兩種,下面細說一下具體的實現方法:
方法一:
在主題的comments.php裏找到以下代碼
< ?php endif; ?>
在其後面插入以下JS代碼即可實現留言板的Ctrl+Enter 快捷回復功能
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <script type="text/javascript" language="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 id="submit" name="submit" type="submit" value="Submit" tabindex="5" /> |
將value="Submit"(不同的主題可能會有些差別,其實就是提交的那個按扭)的value值裏加上一個(Ctrl+Enter),改成 value="Submit(Ctrl+Enter)"
方法二:
在主題的comments.php裏找到以下代碼
1 2 3 | <textarea name="comment" id="comment" cols="100%" rows="6" tabindex="4" onkeydown="if(event.ctrlKey&&event.keyCode==13) {document.getElementById('submit').click();return false};"></textarea> |
直接修改為以下代碼即可實現留言板的Ctrl+Enter 快捷回復功能
1 2 3 4 | <?php comment_form('comment_field=<p class="comment-form-comment"> <textarea aria-required="true" rows="8" cols="45" name="comment" id="comment" onkeydown="if(event.ctrlKey){if(event.keyCode==13) {document.getElementById(\'submit\').click();return false}};"></textarea></p>'); ?> |
其實方法有多種選擇自己喜歡的方式實現就OK了
![]() |
![]() |
![]() |
這個不錯。。。~~~
這辦法很實用哦