明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

html中input輸入框更改后自動跳到最后一個字符的案例

[摘要]html中input輸入框修改后自動跳到最后一個字符的實例<input class="m-form-control" onpaste="return false" placeholder="直播間名稱" name="nam...
html中input輸入框修改后自動跳到最后一個字符的實例

<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事件在失去光標的時候觸發(fā)

以上就是html中input輸入框修改后自動跳到最后一個字符的實例的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設是一個廣義的術(shù)語,涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。