input輸入框修改後自動跳到最後乙個字元

2021-09-29 06:52:07 字數 764 閱讀 8871

<

input

class

="m-form-control"

onpaste

="return false"

placeholder

="直播間名稱"

name

="name"

onkeyup

="this.value=this.value.replace(/[^\u4e00-\u9fa5|\u0000-\u00ff|\u3002|\uff1f|\uff01|\uff0c|\u3001|\uff1b|\uff1a|\u3008-\u300f|\u2018|\u2019|\u201c|\u201d|\uff08|\uff09|\u2014|\u2026|\u2013|\uff0e]/g,'')"

onafterpaste

="this.value=this.value.replace(/[^\u4e00-\u9fa5|\u0000-\u00ff|\u3002|\uff1f|\uff01|\uff0c|\u3001|\uff1b|\uff1a|\u3008-\u300f|\u2018|\u2019|\u201c|\u201d|\uff08|\uff09|\u2014|\u2026|\u2013|\uff0e]/g,'')"

>

有三個事件,乙個onpaste用來禁止貼上,剩下兩個用來去掉特殊的字元,原因出在replace,replace替換後會像重新輸入一樣,所以游標會在最後

解決,把replace事件在失去游標的時候觸發

修改input輸入框的樣式

修改input輸入框的樣式 我們在寫表單的時候,經常需要自定義表單的樣式,當然input輸入框也不例外,那麼如何能寫出好看一點的輸入框呢?下面我們來寫個簡單的表單 首先要將input輸入框的預設樣式去掉 然後我們加上邊框和圓角,並設定input的高度和字型大小和顏色 font size 1.4em ...

input輸入框自動消除空格

今天遇到了乙個問題,使用者在在前端的input裡面輸入id的時候,多寫了個空格,資料庫裡面就找不到id了,所以無法獲取輸入的id所繫結的標籤位置在 現在需要在前端做乙個處理,input框輸入的數值裡面,會自動消除空格。示例 資產編號 這段 的作用 onkeyup this.value this.va...

input輸入框自動消除空格

今天遇到了乙個問題,使用者在在前端的input裡面輸入id的時候,多寫了個空格,資料庫裡面就找不到id了,所以無法獲取輸入的id所繫結的標籤位置在 現在需要在前端做乙個處理,input框輸入的數值裡面,會自動消除空格。示例 資產編號 這段 的作用 onkeyup this.value this.va...