天給小伙伴們分享一個輕量級的數(shù)字/密碼鍵盤組件VueNumericKeyboard。

numeric-keyboard 手機(jī)端虛擬數(shù)字鍵盤，包含一個純鍵盤UI和輸入框套件。有Javascript、Vue、React、Angular多個版本。

安裝

$ npm i numeric-keyboard -S

使用插件

<template>
  <div class="input">
    <label>Amount: </label>
    <NumericInput 
      placeholder="touch to input" 
      v-model="amount" 
      type="tel" 
      @press="press"
	/>
  </div>
</template>

<script>
  import { NumericInput } from 'numeric-keyboard'
  export default {
    components: {
      NumericInput
    },
    data() {
      return {
        amount: ''
      }
    },
    methods: {
      press(key) {
        console.log(key)
      }
    }
  }
</script>

組件選項(xiàng)/屬性

回調(diào)函數(shù)/事件

有 number 和 tel 兩種內(nèi)置布局，你可以自定義任何布局樣式，數(shù)字鍵盤使用一個二維數(shù)組構(gòu)建了一種表格布局，支持單元格合并。

# 文檔地址
https://github.com/viclm/numeric-keyboard/blob/master/docs/README.cn.md

#github地址
https://github.com/viclm/numeric-keyboard

ok，就分享到這里。如果大家有其它Vue鍵盤組件，歡迎一起交流討論哈！

TML 中使用 <input> 元素表示單行輸入框和 <textarea> 元素表示多行文本框。

HTML中使用的 <input> 元素在 JavaScript 中對應(yīng)的是 HTMLInputElement 類型。HTMLInputElement 繼承自 HTMLElement 接口：

interface HTMLInputElement extends HTMLElement {
    ...
}

HTMLInputElement 類型有一些獨(dú)有的屬性和方法：

• name：表示 <input> 元素的名稱。
• disabled：表示 <input> 元素是否禁止使用。在表單提交時不會包含被禁止的 <input> 元素。
• autofocus：表示頁面加載時，該元素是否會自動獲得焦點(diǎn)。
• required：表示表單提交時，該 <input>元素是否為必填。
• value：表示該 <input> 元素的值。
• validity：返回一個 ValidityState 對象，表示 <input> 元素的校驗(yàn)狀態(tài)。是只讀屬性。
• validationMessage：表示 <input> 元素校驗(yàn)失敗時，用戶看到的報錯信息。如果該元素不需要校驗(yàn)，或者通過校驗(yàn)，該屬性為空字符串。是只讀屬性。
• willValidate：表示表單提交時，<input> 元素是否會被校驗(yàn)。是只讀屬性。
• select()：選中 <input> 元素內(nèi)部的所有文本。
• click()：模擬鼠標(biāo)點(diǎn)擊當(dāng)前的 <input> 元素。

而在上述介紹 HTMLInputElement 類型中的屬性時，type 屬性要特別關(guān)注一下，因?yàn)楦鶕?jù) type 屬性的改變，可以改變<input>的屬性。

省略 type 屬性與 type="text"效果一樣， <input> 元素顯示為文本框。

當(dāng) type 的值為text/password/number/時，會有以下屬性對 <input> 元素有效。

下面創(chuàng)建一個 type="text" ，一次顯示 25 個字符，但最多允許顯示 50 個字符的文本框：

<input type="text" size="25" maxlength="50" value="initial value">

HTML 使用的 <textarea> 元素在 JavaScript 中對應(yīng)的是 HTMLTextAreaElement 類型。HTMLTextAreaElement類型繼承自 HTMLElement 接口：

interface HTMLTextAreaElement extends HTMLElement {
    ...
}

HTMLTextAreaElement 類型有一些獨(dú)有的屬性和方法：

• form：只讀屬性，返回對父表單元素的引用。如果此元素未包含在表單元素中，則它可以是同一文檔中 id 屬性同 form 值的 <form> 元素，如果沒有，該值為 null。
• type：只讀屬性，返回字符串textarea。
• value：string類型，返回/設(shè)置控件中包含的原始值。
• textLength：只讀屬性，long類型，返回<textarea>元素的value值的長度。與 value.length 相同。
• defaultValue：string類型，返回/設(shè)置textarea元素的默認(rèn)值。
• placeholder：string類型，返回/設(shè)置 textarea 元素的占位符，作為對輸入內(nèi)容的提示。
• rows：unsigned long類型，返回/設(shè)置textarea元素的可見文本行數(shù)。
• cols：unsigned long類型，返回/設(shè)置 textarea 元素的可見寬度。
• autofocus：boolean類型，返回/設(shè)置textarea元素在頁面加載時自動獲取焦點(diǎn)。
• name：返回/設(shè)置 textarea 元素的名稱。
• disabled：boolean類型，返回/設(shè)置 textarea 元素是否應(yīng)當(dāng)被禁用。
• HTMLTextAreaElement.labels：NodeList類型，返回與此select元素關(guān)聯(lián)的標(biāo)簽元素列表。
• maxLength：long類型，返回/設(shè)置元素可以輸入的最大字符數(shù)。僅在值更改時才評估此約束。
• minLength：long類型，返回/設(shè)置元素可以輸入的最小字符數(shù)。僅在值更改時才評估此約束。
• accessKey：boolean類型，返回/設(shè)置訪問 textarea 的鍵盤快捷鍵。
• readOnly：boolean類型，返回/設(shè)置 textarea 元素是否為只讀。
• required：boolean 類型，返回/設(shè)置 textarea 元素是否為必填項(xiàng)。
• tabIndex：long類型，返回/設(shè)置 textarea 元素的 tab 鍵導(dǎo)航順序中元素的位置。

下面創(chuàng)建一個高度為 25，寬度為 5 的 <textarea> 多行文本框。它與 <input> 不同的是，初始值顯示在 <textarea>...</textarea> 之間：

<textarea rows="25" cols="5">initial value</textarea>

注意：處理文本框值的時候最好不要使用 DOM 方法，而應(yīng)該使用 value 屬性。

選擇文本

<input> 與 <textarea> 都支持 select() 方法，該方法用于選中文本框中的所有內(nèi)容。該方法的語法為：

select(): void

下面看一個示例：

let textbox = document.forms[0].elements["input-box"];
textbox.select();

也可以在文本框獲得焦點(diǎn)時，選中文本框的內(nèi)容：

textbox.addEventListener("focus", (event) => {
    event.target.select();
});

select 事件

當(dāng)選中文本框中的文本或使用 select() 方法時，會觸發(fā) select 事件。

let textbox = document.forms[0].elements["textbox1"];
textbox.addEventListener("select", (event) => {
    console.log(`Text selected: ${textbox.value}`);
});

取得選中的文本

HTML5 對 select 事件進(jìn)行了擴(kuò)展，通過 selectionStart 和 selectionEnd 屬性獲取文本選區(qū)的起點(diǎn)偏移量和終點(diǎn)偏移量。如下所示：

function getSelectedText(textbox){
    return textbox.value.substring(textbox.selectionStart,
textbox.selectionEnd);
}

注意：在 IE8 及更早版本不支持這兩個屬性。

選中部分文本

HTML5 提供了 setSelectionRange() 方法用于選中部分文本：

setSelectionRange(start, end, direction): void;

• start：被選中的第一個字符的位置索引，從 0 開始。如果這個值比元素的 value 長度還大，則會被看做 value 最后一個位置的索引。
• end：被選中的最后一個字符的下一個位置索引。如果這個值比元素的 value 長度還大，則會被看做 value 最后一個位置的索引。
• direction：該參數(shù)是可選的字符串類型，表示選擇方向，可以傳入 “forward”/“backward”/“none” 三個值。

下面看一個例子：

<input type="text" id="text-sample" size="20" value="Hello World!">
<button onclick="selectText()">選中部分文本</button>
<script>
    function selectText() {
        let input = document.getElementById("text-sample");
        input.focus();
        input.setSelectionRange(4, 8);    // o Wo
    }
</script>

如果想要看到選中效果，必須讓文本框獲得焦點(diǎn)。

輸入過濾

不同文本框經(jīng)常需要保證輸入特定類型或格式的數(shù)據(jù)，或許數(shù)據(jù)需要包含特定字符或必須匹配某個特定模式。而文本框并未提供驗(yàn)證功能，因此要配合 JavaScript 腳本實(shí)現(xiàn)輸入過濾功能。

屏蔽字符

有些輸入框需要出現(xiàn)或不出現(xiàn)特定字符。如果想要將輸入框變成只讀的，只需要使用 preventDefault()方法將按鍵都屏蔽：

input.addEventListener("keypress", (event) => {
    event.preventDefault();
});

而要屏蔽特定字符，就需要檢查事件的 charCode 屬性。如下所示，使用正則表達(dá)式實(shí)現(xiàn)只允許輸入數(shù)字的輸入框：

input.addEventListener("keypress", (event) => {
    if (!/\d/.test(event.key)) {
        event.preventDefault();
    }
});

還有一個問題需要處理：復(fù)制、粘貼及涉及Ctrl 鍵的其他功能。在除IE 外的所有瀏覽器中，前面代碼會屏蔽快捷鍵Ctrl+C、Ctrl+V 及其他使用Ctrl 的組合鍵。因此，最后一項(xiàng)檢測是確保沒有按下Ctrl鍵，如下面的例子所示：

textbox.addEventListener("keypress", (event) => {
if (!/\d/.test(String.fromCharCode(event.charCode)) &&
event.charCode > 9 &&
!event.ctrlKey){
event.preventDefault();
}
});

最后這個改動可以確保所有默認(rèn)的文本框行為不受影響。這個技術(shù)可以用來自定義是否允許在文本框中輸入某些字符。

處理剪貼板

IE 是第一個實(shí)現(xiàn)了剪切板相關(guān)的事件以及通過JavaScript訪問剪切板數(shù)據(jù)的瀏覽器，其它瀏覽器在后來也都支持了相同的事件和剪切板的訪問，后來 HTML5 將其納入了規(guī)范。以下是與剪切板相關(guān)的 6 個事件：

• beforecopy：發(fā)生復(fù)制操作前觸發(fā)。
• copy：發(fā)生復(fù)制操作時觸發(fā)。
• beforecut：發(fā)生剪切操作前觸發(fā)。
• cut：發(fā)生剪切操作時觸發(fā)。
• beforepaste：發(fā)生粘貼操作前觸發(fā)。
• paste：發(fā)生粘貼操作時觸發(fā)。

剪切板事件的行為及相關(guān)對象會因?yàn)g覽器而異。在 Safari、Chrome 和 Firefox 中，beforecopy、beforecut 和 beforepaste 事件只會在顯示文本框的上下文菜單時觸發(fā)，但 IE 不僅在這種情況下觸發(fā)，也會在 copy、cut 和 paste 事件在所有瀏覽器中都會按預(yù)期觸發(fā)。

在實(shí)際的事件發(fā)生之前，通過beforecopy、beforecut 和 beforepaste 事件可以在向剪貼板發(fā)送或從中檢索數(shù)據(jù)前修改數(shù)據(jù)。不過，取消這些事件并不會取消剪貼板操作。要阻止實(shí)際的剪貼板操作，必須取消 copy、cut和 paste 事件。

剪貼板的數(shù)據(jù)通過 clipboardData 對象來獲取，且clipboardData 對象提供 3 個操作數(shù)據(jù)的方法：

• getData(format)：從剪貼板獲取指定格式的數(shù)據(jù)，接收的參數(shù)為指定獲取的數(shù)據(jù)格式，如果沒有指定數(shù)據(jù)格式或指定數(shù)據(jù)格式不存在，則此方法返回一個空字符串。
• setData(format, data)：給剪貼板賦予指定格式的數(shù)據(jù)，第一個參數(shù)指定數(shù)據(jù)格式，第二個參數(shù)為第一個參數(shù)賦予數(shù)據(jù)。如果指定數(shù)據(jù)格式不存在，則將其添加到數(shù)據(jù)存儲的末尾；如果指定數(shù)據(jù)格式存在，則將數(shù)據(jù)替換在指定數(shù)據(jù)格式的位置。
• clearData(format)：刪除指定格式的數(shù)據(jù)，接收的參數(shù)為指定要刪除的數(shù)據(jù)格式，如果指定格式不存在，則此方法不執(zhí)行任何操作；如果此參數(shù)為空字符串或未提供，則將刪除所有格式的數(shù)據(jù)。

而 clipboardData 對象在 IE 中使用 window 獲取，在 Firefox、Safari 和 Chrome 中使用 event 獲取。為防止未經(jīng)授權(quán)訪問剪貼板，只能在剪貼板事件期間訪問 clipboardData 對象；IE 會在任何時候都暴露 clipboardData 對象。因此，要兼容兩者，最好在剪貼板事件期間使用該對象。

function getClipboardText(event){
    var clipboardData = (event.clipboardData || window.clipboardData);
    return clipboardData.getData("text");
}
function setClipboardText (event, value){
    if (event.clipboardData){
        return event.clipboardData.setData("text/plain", value);
    } else if (window.clipboardData){
        return window.clipboardData.setData("text", value);
    }
}

如果文本框只有數(shù)字，那剪貼時，就需要使用paste事件檢查剪貼板上的文本是否無效。如果無效，可以取消默認(rèn)行為：

input.addEventListener("paste", (event) => {
    let text = getClipboardText(event);
    if (!/^\d*$/.test(text)){
        event.preventDefault();
    }
});

注意：Firefox、Safari和Chrome只允許在onpaste事件中訪問getData()方法。

自動切換

在 JavaScript 中，可以用在當(dāng)前字段完成時自動切換到下一個字段的方式來增強(qiáng)表單字段的易用性。比如，常用手機(jī)號分為國家好加手機(jī)號。因此，我們設(shè)置 2 個文本框：

<form>
    <input type="text" name="phone1" id="phone-id-1" maxlength="4">
    <input type="text" name="phone2" id="phone-id-2" maxlength="11">
</form>

當(dāng)文本框輸入到最大允許字符數(shù)后，就把焦點(diǎn)移到下一個文本框，這樣可以增加表單的易用性并加速數(shù)據(jù)輸入。如下所示：

<script>
    function tabForward(event){
        let target = event.target;
        if (target.value.length == target.maxLength){
            let form = target.form;
            for (let i = 0, len = form.elements.length; i < len; i++) {
                if (form.elements[i] == target) {
                    if (form.elements[i+1]) {
                        form.elements[i+1].focus();
                    }
                    return;
                }
            }
        }
    }
    let inputIds = ["phone-id-1", "phone-id-2"];
    for (let id of inputIds) {
        let textbox = document.getElementById(id);
        textbox.addEventListener("keyup", tabForward);
    }
</script>

這里，tabForward() 函數(shù)通過比較用戶輸入文本的長度與 maxLength 屬性的值來檢測輸入是否達(dá)到了最大長度。如果兩者相等，就通過循環(huán)表中的元素集合找到當(dāng)前文本框，并把焦點(diǎn)設(shè)置到下一個元素。

注意：上面的代碼只適用于之前既定的標(biāo)記，沒有考慮可能存在的隱藏字段。

HTML5

HTML5 新增了一些表單提交前，瀏覽器會基于指定的規(guī)則進(jìn)行驗(yàn)證，并在出錯時顯示適當(dāng)?shù)腻e誤信息。而驗(yàn)證會基于某些條件應(yīng)用到表單字段中。

必填字段

表單字段中添加 required 屬性，用于標(biāo)注該字段是必填項(xiàng)，不填則無法提交。該屬性適用于<input>、<textarea>和<select>。如下所示：

<input type="text" name="account" required>

也可以通過 JavaScript 檢測對應(yīng)元素的 required 屬性來判斷表單字段是否為必填項(xiàng)：

let isRequired = document.forms[0].elements["account"].required;

也可以檢測瀏覽器是否支持 required 屬性：

let isRequiredSupported = "required" in document.createElement("input");

注意：不同瀏覽器處理必填字段的機(jī)制不同。Firefox、Chrome、IE 和Opera 會阻止表單提交并在相應(yīng)字段下面顯示有幫助信息的彈框，而Safari 什么也不做，也不會阻止提交表單。

更多輸入類型

HTML5 為 <input> 元素增加了幾個新的 type 值。如下所示：

這些輸入表名字段應(yīng)該輸入的數(shù)據(jù)類型，并且提供了默認(rèn)驗(yàn)證。如下所示：

<input type="email" name="email">
<input type="url" name="homepage">

要檢測瀏覽器是否支持新類型，可以在 JavaScript 中創(chuàng)建 <input> 并設(shè)置 type 屬性，之后讀取它即可。老版本中會將我只類型設(shè)置為 text，而支持的會返回正確的值。如下所示：

let input = document.createElement("input");
input.type = "email";
let isEmailSupported = (input.type == "email");

數(shù)值范圍

而上面介紹的幾個如 number/range/datetime/datetime-local/date/month/week/time 幾個填寫數(shù)字的類型，都可以指定 min/max/step 等幾個與數(shù)值有關(guān)的屬性。step 屬性用于規(guī)定合法數(shù)字間隔，如 step="2"，則合法數(shù)字應(yīng)該為 0、2、4、6，依次類推。如下所示：

<input type="number" min="0" max="100" step="5" name="count">

上面的例子是<input>中只能輸入從 0 到 100 中 5 的倍數(shù)。

也可以使用 stepUp() 和 stepDown() 方法對 <input> 元素中的值進(jìn)行加減，它倆會接收一個可選參數(shù)，用于表示加減的數(shù)值。如下所示：

input.stepUp(); // 加1
input.stepUp(5); // 加5
input.stepDown(); // 減1
input.stepDown(10); // 減10

輸入模式

HTML5 還為文本添加了 pattern 屬性，用于指定一個正則表達(dá)式。這樣就可以自己設(shè)置 <input> 元素的輸入模式了。如下所示：

<input type="text" pattern="\d+" name="count">

注意模式的開頭和末尾分別假設(shè)有^和$。這意味著輸入內(nèi)容必須從頭到尾都嚴(yán)格與模式匹配。

與新增的輸入類型一樣，指定 pattern 屬性也不會阻止用戶輸入無效內(nèi)容。模式會應(yīng)用到值，然后瀏覽器會知道值是否有效。通過訪問 pattern 屬性可以讀取模式：

let pattern = document.forms[0].elements["count"].pattern;

使用如下代碼可以檢測瀏覽器是否支持pattern 屬性：

let isPatternSupported = "pattern" in document.createElement("input");

檢測有效性

HTML5 新增了 checkValidity() 方法，用來檢測表單中任意給定字段是否有效。而判斷的條件是約束條件，因此必填字段如果沒有值會被視為無效，字段值不匹配 pattern 屬性也會被視為無效。如下所示：

if (document.forms[0].elements[0].checkValidity()){
    // 字段有效，繼續(xù)
} else {
    // 字段無效
}

要檢查整個表單是否有效，可以直接在表單上調(diào)用checkValidity()方法。這個方法會在所有字段都有效時返回true，有一個字段無效就會返回false：

if(document.forms[0].checkValidity()){
    // 表單有效，繼續(xù)
} else {
    // 表單無效
}

validity 屬性會返回一個ValidityState 對象，表示 <input> 元素的校驗(yàn)狀態(tài)。返回的對象包含一些列的布爾值的屬性：

• customError：如果設(shè)置了 setCustomValidity() 就返回 true，否則返回false。
• patternMismatch：如果字段值不匹配指定的 pattern 屬性則返回true。
• rangeOverflow：如果字段值大于 max 的值則返回true。
• rangeUnderflow：如果字段值小于 min 的值則返回true。
• stepMisMatch：如果字段值與 min、max 和 step 的值不相符則返回true。
• tooLong：如果字段值的長度超過了 maxlength 屬性指定的值則返回true。
• typeMismatch：如果字段值不是 "email" 或"url" 要求的格式則返回true。
• valid：如果其他所有屬性的值都為false 則返回true。與checkValidity()的條件一致。
• valueMissing：如果字段是必填的但沒有值則返回true。

因此，通過 validity 屬性可以檢查表單字段的有效性，從而獲取更具體的信息，如下所示：

if (input.validity && !input.validity.valid){
    if (input.validity.valueMissing){
        console.log("請指定值.")
    } else if (input.validity.typeMismatch){
        console.log("請指定電子郵件地址.");
    } else {
        console.log("值無效.");
    }
}

禁用驗(yàn)證

通過指定 novalidate 屬性可以禁止對表單進(jìn)行任何驗(yàn)證：

<form method="post" action="/signup" novalidate>
    <!-- 表單元素 -->
</form>

也可以在 JavaScript 通過 noValidate 屬性設(shè)置，為 true 表示屬性存在，為 false 表示屬性不存在：

document.forms[0].noValidate = true; // 關(guān)閉驗(yàn)證

如果一個表單中有多個提交按鈕，那么可以給特定的提交按鈕添加formnovalidate 屬性，指定通過該按鈕無需驗(yàn)證即可提交表單：

<form method="post" action="/foo">
    <!-- 表單元素 -->
    <input type="submit" value="注冊提交">
    <input type="submit" formnovalidate name="btnNoValidate"
value="沒有驗(yàn)證的提交按鈕">
</form>

也可以使用 JavaScript 設(shè)置 formNoValidate 屬性：

// 關(guān)閉驗(yàn)證
document.forms[0].elements["btnNoValidate"].formNoValidate = true;

總結(jié)

以上總結(jié)了 <input> 和 <textarea> 兩個元素的一些功能，主要是 <input> 元素可以通過設(shè)置 type 屬性獲取不同類型的輸入框，可以通過監(jiān)聽鍵盤事件并檢測要插入的字符來控制文本框的內(nèi)容。

還有一些與剪貼板相關(guān)的事件，并對剪貼的內(nèi)容進(jìn)行檢測。還介紹了一些 HTML5 新增的屬性和方法和新增的更多的 <input> 元素的類型，和一些與驗(yàn)證相關(guān)的屬性和方法。

1： 20190820（整理） (較全面的在后面)

Ctrl+N:新建文檔 F4：重復(fù)上述操作

Esc：取消當(dāng)前操作 HOME：光標(biāo)跳轉(zhuǎn)行首

END:光標(biāo)跳轉(zhuǎn)到行尾 WIN+L:鎖定桌面

WIN+E:開啟磁盤管理器 F2：重命名

WIN+D:回到桌面\回到之前操作

SHIFT+DELETE：徹底刪除文件，不進(jìn)回收站

F12：文檔另存為

圖2：

圖3：

圖4：

圖5：

圖6：

圖7：

圖8：

圖9： 食指 中指 無名指 小拇指

中指定位

當(dāng)Num Lock（數(shù)字鍵盤鎖定鍵）關(guān)閉時，數(shù)字輸入功能消失，帶字母的按鍵功能變?yōu)榫庉嬫I功能。2、4、6、8鍵可用作方向鍵功能。Del則為刪除鍵（后刪鍵）其他按鍵同理。

大拇指

10.正確坐姿、正確握鼠標(biāo)：

圖11：

圖12：

圖13：

圖14：合并E列和F列的數(shù)據(jù)，放置在G列（多列合并同理）；也可以利用方方格子里的按行合并。

常用快捷功能鍵/組合鍵大全（詳解）

操作原則：先選中文件或內(nèi)容后操作；定位光標(biāo)再操作。

一、單鍵詳解

Alt: 換擋鍵=Alt Key[?lt][ki?]的簡稱。（Key：鑰匙）

Windows：[?w?nd??z]單擊打開/關(guān)閉開始菜單；簡稱win鍵：（電腦上的圖標(biāo) ）：（鍵盤上圖標(biāo)）。

Ctrl：計算機(jī)控制鍵=control[k?n'tr??l]。

Esc：=Escape [??ske?p] 退出鍵（逃逸鍵）；取消當(dāng)前操作。

Delete[d?'li?t]：向后刪除字符。

Back：=Backspace [?bakspe?s]退格鍵;前刪字符。

Enter['ent?]：回車；換行;確認(rèn)。

Num LOCK：(數(shù)字鎖定鍵)NUM=number[?n?mb?][?n?mb?r]=numeral[?nju:m?r?l]。

Caps Lock ：[k?ps] [l?k]大寫字母鎖定鍵。

Shift[ ?ift ]：上檔字符控制鍵（按住不放輸入上檔字符）。

Insert[?n's??t]：插入；嵌入。（不常用，可以不用）

Print Screen（打印屏幕）[pr?nt skri:n]/SysRq（system request['s?st?m][r?'kwest]系統(tǒng)請求） ：簡稱截屏鍵 。（不常用，可以用其他方式代替）：用系統(tǒng)自帶的截屏軟件更簡單、更方便（開始菜單→所有程序→附件）最好將其固定到任務(wù)欄方便下次使用；畫圖、計算器、記事本的操作同理。

Home：[h??m]回家；意為光標(biāo)跳轉(zhuǎn)行首 。

End:[end]結(jié)束；光標(biāo)跳轉(zhuǎn)到行尾 。

Tab: [t?b]：轉(zhuǎn)換鍵[電子表格中向右移動光標(biāo)；網(wǎng)頁中輸入賬號密碼時單擊此鍵光標(biāo)跳轉(zhuǎn)下一個輸入框，同用鼠標(biāo)去單機(jī)定位光標(biāo)相當(dāng)]

pg?up：（上頁鍵）=page?up=[pe?d?][?p]

pg?dn：（下頁鍵）=page?down=[pe?d?]da?n]?

Space：[spe?s]空格鍵,插入空格。

二、Ctrl鍵

Ctrl+A：全選 (A=All)[?：l]。

Ctrl+B：加粗 (B=Bold)[b??ld]。

Ctrl+C：復(fù)制（C=Copy）['k?p?]。（或Ctrl+Insert）。

Ctrl+D：字體設(shè)置（word文檔中）。

Ctrl+S：保存（S=Save[se?v]）或（store[st??]）

Ctrl+V：粘貼（V無實(shí)義，為方便而設(shè)置）；或Shift+Insert。

Ctrl+Z：撤消（Z無實(shí)義，為方便而設(shè)置）；

Ctrl+X：剪切（X無實(shí)義，為方便而設(shè)置）。

Ctrl+I：字體傾斜(I=Incline)[?n'kla?n]。

Ctrl+U：下劃線(U=Underline)[?nd?'la?n]。

Ctrl+K：創(chuàng)建超鏈接。

Ctrl+O：打開文件（O=Open）['op?n]。

Ctrl+P：打印（P=Print）[pr?nt]。

Ctrl+Shift+V：粘貼為數(shù)值（僅用于電子表格中）。

Ctrl+Shift：切換輸入法。

Ctrl+W：關(guān)閉當(dāng)前窗口。

Ctrl+F：查找(F=Find)[fa?nd]。

Ctrl+N:新建文檔；表格(N=New)[nju?]。

Ctrl+[：縮小文字。

Ctrl+]：放大文字。

Ctrl+空格：中英文切換。

Ctrl+Shift+<：快速縮小文字。

Ctrl+Shift+>：快速放大文字。

Ctrl+Y：重復(fù)上一操作（部分操作不適用）。

Ctrl+F6：切換到當(dāng)前應(yīng)用程序中的下一個文本（加Shift 可以跳到前

一個窗口）。

Ctrl+J：兩端對齊。J=Justified ['d??st?fa?d]

Ctrl+E：居中。

Ctrl+R：右對齊。R=Align right [?'la?n][ra?t]

Ctrl+L: 左對齊。L=Align left [?'la?n][left]

Ctrl+A：選定整個工作表（用于電子表格中）。

Ctrl+=：下標(biāo)；在文字基線下方創(chuàng)建小字符。

Ctrl+Shift+=：上標(biāo)；在文字基線下方創(chuàng)建小字符。

Ctrl+0：將選中的文本每段前增加12磅的間距。

Ctrl+1：將選中的文本行距設(shè)置為“單倍行距”。

Ctrl+2：將選中的文本行距設(shè)置為“兩倍行距”。

Ctrl+5：將選中的文本行距設(shè)置為“1.5倍行距”。

Ctrl+F9：在光標(biāo)處插入一域記號“{ }”（注意：直接輸入的一對大括號不能作為域記號）。

Ctrl+F5：強(qiáng)制刷新。

Ctrl+Alt+Delete：重啟計算機(jī)。

Ctrl+Enter：將光標(biāo)后面的內(nèi)容快速移到下一頁。

Ctrl+Home;光標(biāo)快速移到文件頭。

Ctrl+End:光標(biāo)快速移到文件尾。

Ctrl+Esc：顯示開始菜單（或單擊win鍵）。

Ctrl+G/H：查找；替換。

Ctrl+Shift+X：瀏覽器中手動區(qū)域截圖。

Ctrl+Spacebar：選定整列（用于電子表格中）。

Ctrl+Alt+箭頭：顛倒（恢復(fù)）桌面

三、Shift鍵

Shift+Spacebar：選定整行。（不常用，可以不用）

Shift[ ?ift ] +Delete：永久刪除所選文件，不進(jìn)回收站。

四、Alt鍵

Alt+=：快速求和。

Alt+F：打開文件菜單。

Alt+V：打開視圖菜單。

Alt+E：打開編輯菜單。

Alt+I：打開插入菜單。

Alt+O：打開格式菜單。

Alt+T：打開工具菜單。

Alt+A：打開表格菜單。

Alt+W：打開窗口菜單。

Alt+H：打開幫助菜單。H=Help[help]

Alt+回車：查看文件屬性(或Alt+雙擊文件)。

Alt+F4：關(guān)閉當(dāng)前應(yīng)用程序。

Alt+Shift+Backspace：重做上一步被撤銷的操作。

Alt+F4：在桌面按一鍵關(guān)機(jī)

五、Windows鍵（簡稱win鍵）

Win+L:鎖定桌面L=Lock the desktop

Win+E:開啟磁盤管理器 。

Win+D:回到之前操作；D=desktop[ 'deskt?p ]計算機(jī)桌面。

Win+R:打開“運(yùn)行”對話框。=Run Time Environment[?n?va??r?nm?nt]

Win+Break：打開“系統(tǒng)屬性”對話框。

Win+M：?=Minimize ['m?n?ma?z] all open windows最小化所有被打開的窗口；（360安全瀏覽器中為全屏截圖；WPS表格中為合并居中）。

六、F鍵及其他特殊功能鍵（F鍵主要為裝機(jī)人員使用）

F1：幫助。（一般不用）

F2：選中文件單擊可重命名或開機(jī)不斷單擊此鍵進(jìn)入bios['bai?s]=（Basic Input/Output System['bai?s]['?np?t]/['a?tp?t]['s?st?m]；基本輸入輸出系統(tǒng)）；進(jìn)入主板設(shè)置界面。

F3：查找文件。

F4：重復(fù)上述操作。

F5：刷新。

F8：開機(jī)進(jìn)入安全模式。

F9: 在Windows中沒有任何作用。

F10:設(shè)置開機(jī)啟動項(xiàng)，按F10為保存開機(jī)啟動項(xiàng)。

F11:可以使當(dāng)前的資源管理器或IE變?yōu)槿溜@示。

F12：文檔、表格另存為;裝機(jī)啟動鍵。

Fn+Delete：筆記本電腦鍵盤校正。

：中文狀態(tài)下居中圓點(diǎn)(·····)。

單擊=鼠標(biāo)右鍵。

中文狀態(tài)下單擊為（、、、）按住上檔鍵不松手+此鍵為（|||||||||）。

單擊為單引號（‘’‘’‘’）；按住上檔鍵不松手+此鍵為雙引號（“”“”“”）。

方向鍵；上、下、左、右移動光標(biāo)。

拼音輸入法中，向前向后翻頁，選字、詞組或句子。

對應(yīng)序號選字、詞組或句子。

七、其他操作說明：

1.電子表格中橫向數(shù)據(jù)轉(zhuǎn)縱向數(shù)據(jù)：選中數(shù)據(jù)→右鍵→選擇性粘貼→轉(zhuǎn)置→確定。縱向數(shù)據(jù)轉(zhuǎn)橫向數(shù)據(jù)操作步驟相同。

2.文檔表格中的求和：選中→表格工具→快速求和→（選擇要進(jìn)行的運(yùn)算類型單擊）。

3.表格中篩選過的數(shù)據(jù)填充單元格數(shù)據(jù)：要用粘貼可見單元格命令，否則會覆蓋其他不需要修改的單元格，還可以直擊輸入，相同的數(shù)據(jù)可以下拉填充，絕不可以直接粘貼。

4.百度文庫文章下載

A：原地址：https://wenku.baidu.com/view/7bd386caae1ffc4ffe4733687e21af45b207fedc.html

B：修改地址為：https://wenku.baiduvvv.com/view/7bd386caae1ffc4ffe4733687e21af45b207fedc.html (在baidu和.之間加三個v;單擊原地址欄下面彈出的第一個網(wǎng)址；在單擊下載)

5.豆丁網(wǎng)文庫下載

直接打開這個https://www.docin365.com/，然后復(fù)制一下你需要下載的那個頁面鏈接，粘貼輸入豆丁下載口令回車解析。

字體設(shè)置：Font Settings[fɑnt][?seti?z]

啟動(計算機(jī))：boot[but]

硬盤：hard disc[hɑ?d][d?sk]

光驅(qū)：CD-ROM drive；optical drive

內(nèi)存條：memory bank

顯卡：display/video/graphics card

主板：mainboard；motherboard；masterboard

計算機(jī)：computer[k?m'pju?t?]

電腦文件：Computer files[fa?l]

電子表格：spreadsheets ['spred?i:ts]

電子表格（軟件名稱）：Excel[?k's?l](Xls, Xlsx)

光盤：compact disc['kɑmp?kt][d?sk]

word文檔：Word Document[w??d][?dɑkj?m?nt]

基本輸入/輸出系統(tǒng)：bios=（Basic Input / Output System）

八、通用快捷鍵

Ctrl+W：關(guān)閉窗口（猜是Windows的意思？）

Ctrl+O：open，打開；

Ctrl+P：Print，打印；

Ctrl+A：all，全選；

Ctrl+S：save，保存；

Ctrl+F：find，查找；

Ctrl+Z：撤銷，（貌似字母沒什么意義，只是沒其他作用又好按）部分地方支持Ctrl+Y：返回撤銷；

Ctrl+X：剪刀X，剪切；

Ctrl+C：copy，復(fù)制；

Ctrl+V：粘貼，（有說法說是Vipectus的意思）

Ctrl+N：new，新建。

F1：幫助，

F2：修改，Ctrl+Home/End等。

（一）文件操作快捷鍵：

Ctrl+C： 復(fù)制

Ctrl+V： 粘貼

Ctrl+X： 剪切

Ctrl+A： 全選

Ctrl： 【實(shí)用】多選：按住Ctrl，再用鼠標(biāo)單擊即可選中文件，可以反選；

Shift ：【實(shí)用】多選：先選中一個文件a，按住Shift鍵，再用鼠標(biāo)單擊文件h，即可把從a到h選中；

Ctrl+Shift+N ：新建文件夾。注意：XP系統(tǒng)不行；

Shift+Delete ：徹底刪除文件。選中文件后，先按住Shift鍵不放手，再按Delete鍵，徹底刪除的文件不在回收站里；

（二）文字輸入快捷鍵：

Tab與Shift+Tab【實(shí)用】

1、在輸入賬號之后按Tab鍵，會自動跳到輸入密碼框進(jìn)行輸入；

2、有些地方相當(dāng)于輸入兩個漢字那么長的空格（如代碼編寫的縮進(jìn)等）；

3、Shift+Tab為Tab的反操作；

Delete：【實(shí)用】反向刪除文字。比如”AB”字符，當(dāng)光標(biāo)在A與B之間時，按”Back”退格鍵時刪除”A”，當(dāng)按”Delete”鍵時則刪除B；

Home與End 【實(shí)用】當(dāng)輸入一行文字時發(fā)現(xiàn)有錯誤，可以按Home回到第一個字，按End時回到最后一個字。此時可以免去動鼠標(biāo)或者按”←”或”→”方向鍵的麻煩；

（三）其他常用快捷鍵：

Ctrl+Alt+Delete： 打開任務(wù)管理器（結(jié)束一些常規(guī)方法關(guān)閉不了的程序）。

Print ：【實(shí)用】電腦屏幕截屏。（然后在畫圖或Word中粘貼保存）；

Ctrl+Alt+Print ：【實(shí)用】對當(dāng)前窗口截屏。（然后在畫圖或Word中粘貼保存）；

Alt+Tab：【實(shí)用】切換已打開的程序窗口。先用一個手指按住Alt鍵，再用另外一個手指陸續(xù)按Tab鍵切換不同窗口；

Alt+F4：關(guān)閉當(dāng)前窗口。如果沒有窗口時則提示關(guān)機(jī)；

F5：刷新當(dāng)前窗口。包括系統(tǒng)和網(wǎng)頁。

說明：“Win”是指微軟公司的標(biāo)徽，在鍵盤上的Ctrl和Shift中間

Win+E ： 相當(dāng)于打開“我的電腦”，即使桌面上沒有“我的電腦”圖標(biāo)也可以進(jìn)入文件管理；

Win+D：【實(shí)用】返回桌面。有時自己打開了很多窗口，要想返回桌面，但一個一個地關(guān)閉窗口或最小化窗口會很麻煩，這個快捷鍵很方便；

Win+Pause： 打開系統(tǒng)相關(guān)信息。可以快速查看別人電腦配置，相當(dāng)于“控制面板\系統(tǒng)和安全\系統(tǒng)”。

Win+R：打開“運(yùn)行”窗口，輸入”cmd”、”msconfig”等命令；

Win+U+U/R XP：系統(tǒng)關(guān)機(jī)/重啟（Win8不行）。注意：每按一個鍵都要松手，不是連按的；