WordPress 留言板添加Ctrl+Enter 快捷回復

公元2011年06月29日博主被13人群毆打醬油看熱鬧的有:6,144 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&amp;&amp;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了

13 位最佳損友留下了真知見解!
  1. 留言于:2012年01月25日19:16 #9℃ @Ta

    這個不錯。。。~~~

  2. CHINA 留言于:2011年08月30日18:56 #10℃ @Ta

    這辦法很實用哦