allowTab 可以讓 textarea 或是 input 輸入元素支援 tab 鍵的動作。除了直接顯示空格之外，也可以指定替代的內容。
套件名稱：allowTab
套件版本：0.9.9
作者網站：http://www.labs.skengdon.com/allowTab/
套件網址：http://plugins.jquery.com/project/allowtab
發佈日期：2011-02-04
檔案大小：1.43 KB
檔案下載：allowTab.js
參數說明：
檢視原始碼 JavaScript
1 2 3 | replacement(選填) 描述： 當按下 tab 鍵後要輸出的內容 預設值： '\t' |
方法說明：
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 | // 讓指定的元素中支援 tab 輸入, 可用 replacement 來當做替代的內容 $(selector).allowTab(replacement); // 讓指定的元素在支援/不支援 tab 輸入中切換, 可用 replacement 來當做替代的內容 $(selector).toggleTab(replacement); // 讓指定的元素中不支援 tab 輸入 $(selector).denyTab(); |
使用範例：
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="allowTab.js"></script> <script type="text/javascript"> $(function($) { $('#allow').click(function(){ // 讓 textarea 支援 tab 輸入 $('textarea').allowTab(); }); $('#toggle').click(function(){ // 切換 textarea 在支援/不支援 tab 輸入的功能中切換 $('textarea').toggleTab(); }); $('#deny').click(function(){ // 讓 textarea 不支援 tab 輸入 $('textarea').denyTab(); }); $('#replace').click(function(){ // 讓 textarea 支援 tab 輸入, 但用 __ 來替代 $('textarea').allowTab('__'); }); }); </script> <body> <button id="allow">Allow Tab</button> <button id="toggle">Toggle Tab</button> <button id="deny">Deny Tab</button> <button id="replace">Replace Tab</button> <br /><br /> <textarea></textarea> <textarea></textarea> <textarea></textarea> </body> |