場景

示例代碼：

<input type="text" id="chineseLastName" name="chineseLastName" maxlength="16" class="required w_20 fl h_36em line_h_36em c_gray_777 bor_rad_05em bor_gray_ddd border bg_white" value="${contact.chineseLastName }" placeholder="中文姓(拼音)" data-tip="請輸入中文姓(拼音)" data-valid="isNonEmpty" data-error= "中文姓(拼音)不能為空"?? onkeyup="value=value.replace(/[^a-zA-Z]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^a-zA-Z]/g,''))"/>

注：

onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"

是主要實現代碼，通過這個屬性設置可以設置只能輸入英文。

onbeforepaste：

在用戶將要粘貼的內容粘入文本框時，clipboardData.getData先讀出要粘貼的內容，刪除不是英文的字符，只保留英文，clipboardData.setData將處理好的字符復制到剪切板，顯示在文本框中。

總結

以上是生活随笔為你收集整理的Input中onbeforepaste的作用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。