about Dogg

貼心的快速鍵
如果有常常在使用論壇，應該不難發現在論壇要送出留言的時候，除了按最原始的「送出」按鈕之外，還可以直接用快速鍵「Ctrl + Enter」將留言送出。雖然只是一個小小地方，但是可以讓使用者輸入完留言，更方便、更簡單、雙手不用動到滑鼠就可以無痛將意見送出，讓整個部落格的使用介面更為體貼與方便。

如何設定「Ctrl + Enter」送出留言快速鍵？
開啟佈景主題的 comments.php 檔案，找到下面這個「/from」標籤。

1
2
3

...
</from>
...

將下面的 Javascript 語法貼到「/from」之前即可。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

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

如果有要在送出按鈕旁多做說明的時候，只要將說明文字，放在 input 之後。

1

<input name="submit" type="submit" class="button" value="送出留言" /> 說明文字

實際測試
想要測試看看實際的使用手感如何，也可以直接在本篇測試。填入使用者名稱、信箱、網址、留言內容後，按下「Ctrl + Enter」，就可以看到留言直接送出了。

不想改程式碼的話
除了可以直接透過「程式碼」的方式來新增快速鍵外，也可以透過外掛「WP-CommentsShortcut」來達成：此外掛提供了原有的 Ctrl + Enter 快速鍵，也可以自行定義想要的快速鍵。

連結整理

• 讓發布評論可以使用 Ctrl + Enter 快捷鍵 (狐狸的破窩)
• WP-CommentsShortcut (WordPress 官方外掛網站)

文章標籤

相關文章

• WordPress 從無到有，我有用到的 Plugin 外掛
• WordPress 分頁留言+留言順序更改
• 我有用到的 WordPress 外掛

分享文章至：